<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> <script> // this是JS中的一个关键字， 代表函数运行时再其内部自动实现的一个内部对象，只能在函数内部调用 // this的指向就是调用函数的那个对象 function test(){ this.x=1 } // 具体情况，具体分析，下面列出this的4钟情况 // 1 纯函数调用，this指向全局， window function test1(){ this.x=1; console.log(this.x) } test1()//1 // 为了证明this这个时候是指向全局， var x=100; function test2() { console.log(this.x) } test2();//100 // 同时因为this指向全局， 这个时候改变this.x的值，就可以改变全局下的x的值 var a=20; function test3(){ var a=10; this.a=0; } test3(); console.log(a)//变成了0 // 但是可以改变this的指向 var a1=10; function test4(){ var _this=this; _this.a1=0; } console.log(a1); // 2 函数作为一个对象的方法去调用，this就指向这个上级对象 function obj(){ console.log(this.x) } var o={}; o.x=1; o.test=obj; o.test();//1 // 3 作为构造函数调用，通过这个函数生成一个新对象， 这样这个this旧指向这个新生成的对象 function test5(){ this.x = 1; } var ob = new test5(); ob.x; // 1 // 4 apply调用，改变函数的调用对象，即改变this的指向, 第一个参数就代表改变后的调用这个函数的对象。即this所指向的 var xo = 0; function testq(a){ console.log(this.xo+a) } var ob={ xo:1, m:testq }; //ob.m.apply(); //0 //ob.m.apply(ob,[5])//6 apply把this的指向改变成ob自己。 //ob.m.call(ob,5)//6 call把this的指向改变成ob自己。 //无论call 和apply 都是改变指向后立刻就执行，调用 var bindd=ob.m.bind(ob,5); bindd(); // bind是改变指向后，返回一个新的函数，然后再再次执行调用这个新的函数 </script> </html>