首页 > 设计 > WEB开发 > 正文

javascript中的this

2019-11-02 18:23:40
字体:
来源:转载
供稿:网友
this关键字在javascript中是非常让人困惑的。我们必须记住一点,那就是this与定义无关,只与function调用的上下文有关

当一个function从属于某个对象时,this指向该对象。

var obj={  func: function(){     console.log(this);  }};obj.func();此处this指向obj本身。
var  obj = function(){};obj.PRototype.func = function(){  console.log(this);};var newObj = new obj();newObj.func();此种方式,this指向新创建的对象newObj;

当一个function从不属于某个对象时,this指向全局对象window(严格模式下为undefined);

var obj={  func: function(){     (function(){console.log(this);})();  }};obj.func();此处的this由于function没用从属于某个对象,所以this指向全局对象window(严格模式下为undefined);

在call和apply中,this指向传入的context;

var func = function(){  console.log(this);}var obj = {};func.call(obj);func.apply(obj);this指向obj;

在dom上附加事件时,this指向触发事件的dom

<div onclick="alert(this)">text</div>this指向div这个dom;

在es6(es2015)中,箭头函数不会改变this的指向。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表