JS中this的四种用法
2018-03-01 16:00
375 查看
简而言之,就是function的this永远指向调用它的对象。而鉴于JS所谓的“万物皆对象”,这个this因此可以是任何物件,比如Global对象。
1.在一般函数方法中使用 this 指代全局对象
2.作为对象方法调用,this 指代上级对象
3.作为构造函数调用,this 指代new 出的对象
4.apply 调用 ,apply方法作用是改变函数的调用对象,此方法的第一个参数为改变后调用这个函数的对象,this指代第一个参数
1.在一般函数方法中使用 this 指代全局对象
function test(){ this.x = 1; alert(this.x); } test(); // 1
2.作为对象方法调用,this 指代上级对象
function test(){ alert(this.x); } var o = {}; o.x = 1; o.m = test; o.m(); // 1
3.作为构造函数调用,this 指代new 出的对象
function test(){ this.x = 1; } var o = new test(); alert(o.x); // 1 //运行结果为1。为了表明这时this不是全局对象,我对代码做一些改变: var x = 2; function test(){ this.x = 1; } var o = new test(); alert(x); //2
4.apply 调用 ,apply方法作用是改变函数的调用对象,此方法的第一个参数为改变后调用这个函数的对象,this指代第一个参数
var x = 0; function test(){ alert(this.x); } var o={}; o.x = 1; o.m = test; o.m.apply(); //0 //apply()的参数为空时,默认调用全局对象。因此,这时的运行结果为0,证明this指的是全局对象。如果把最后一行代码修改为 o.m.apply(o); //1
相关文章推荐
- JS中this的四种用法
- JS中this的四种用法
- JS中this的四种用法
- JS中this的四种用法
- js-this的用法,来自阮一峰老师的文章
- js中的四种调用,this、that
- js中this的用法
- js中with、this的用法
- 熟练掌握js中this的用法,解析this在不同应用场景的作用
- JS:this用法
- js中this对象用法分析
- jquery中this与$(this)的用法区别.和于js中的this区别
- js中this的用法
- js中this的用法
- Js中this用法及注意点详解
- js常见的var that = this的用法
- javascript中this的四种用法
- js中this的用法
- 详解js中的this用法
- js之this的用法2