您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

js中this用法实例详解

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 1. 指向window

全局变量

1 alert(this) //返回 [object Window]

全局函数

1 2 3 4 function sayHello(){ alert(this); } sayHello();

2. 指向该对象(在全局里面this指向window,在某个对象里面this指向该对象,在闭包里面this指向window)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var user="the Window"; var box={ user:'the box', getThis:function(){ return this.user; }, getThis2:function(){ return function (){ return this.user; } } }; alert(this.user);//the Window alert(box.getThis());//the box alert(box.getThis2()()); //the Window (由于使用了闭包,这里的this指向window) alert(box.getThis2().call(box)); //the box 对象冒充(这里的this指向box对象)

3. 用apply,call改变函数的this指向

1 2 3 4 5 6 7 8 function sum(num1, num2){ return num1+num2; } function box(num1, num2){ return sum.apply(this, [num1, num2]); //this 表示window的作用域 box冒充sum来执行 } console.log(box(10,10)); //20

4. new 对象

1 2 3 4 function Person(){ console.log(this) //将 this 指向一个新建的空对象 } var p = new Person();