javascript中的this

来源:互联网 发布:互联网大数据的应用 编辑:程序博客网 时间:2024/06/14 07:29
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的指向。




0 0
原创粉丝点击