js基础-this的使用

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();

猜你喜欢

转载自blog.csdn.net/DREAM_XA/article/details/80391894