this 的4种基本用法

来源:互联网 发布:格林奶奶的睡美人知乎 编辑:程序博客网 时间:2024/06/11 12:39

this 是 JavaScript 的一个关键字,是函数运行时自动生成的内部对象,只能在函数内部使用。

一般有如下4种用法:

  1. 在一般函数中调用 this 代表全局对象。
function test(){ this.x = 1; console.log(x);}test(); // 1 
换种写法来验证上述写法:
var x = 1;function test(){  console.log(x);}test(); // 1 

  1. 作为对象方法的调用,代表上级对象。
var obj = { x : 1, test : function(){     console.log(this.x);  }}obj.test(); //1
 又比如,我们再举个例子:
var obj = { x : 1, test :function (){   console.log(this.x);  }}obj.test(); //1var anotherObj = { x : 2};anotherObj.test = obj.test;anotherObj.test(); //2

  1. 作为构造函数调用,代码 new 出的对象。
var x = 0;function test(){ this.x = 1;}var obj = new test();console.log(obj.x); // 1

  1. 使用 call,apply,bind 绑定的,this指的是绑定的对象。
var x = 0;function test(){  console.log(this.x);}var obj = { x : 1, fun :test};obj.fun.apply(); //0obj.fun.apply(obj); //1

这里我们以 apply 为例子,apply 是函数对象的一个方法,它的作用是改变函数的调用对象,传入的第一个参数就是改变后调用这个函数的对象,当传入参数为空时,指的就是 window 。

一般情况下,如果没有找到直接调用者,则 this 指的是 window,在严格模式下('use strict'),没有直接调用者的函数中的 this 为 undefined。





原创粉丝点击