这里是修真院前端小课堂,每篇分享文从
【javascript中this的体现 】
this是javascript的关键字的一种,它指向的是一个对象。 而他表示哪个对象,则取决于引用环境。
规则:“函数在被调用时,其活动对象都会自动取得两个特殊变量 this 和 arguments。 内部函数在搜索这两个变量时,只会搜索到其活动对象为止.”
在不同环境下的THIS的指向
vargaObj={
name:"名字",
what:function(return(this))};
gaObj.what();//返回gaObj
functiongfa(){return(this);};
gfa();//返回window
当一个函数被调用时,拥有它的object会作为this传入。在全局下,就是window or global,其他时候就是相应的object。
知识剖析
1.几种不同的引用环境
2.几种不同的引用方式
全局环境中的this
console.log(this);
总结:在全局作用域中它的 this 执行当前的全局对象(浏览器端是 Window,node 中是 global)
在javascritp中,不一定只有对象方法的上下文中才有this, 全局函数调用和其他的几种不同的上下文中 也有this指代。 它可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式:作为对象方法调用,作为函数调用,作为构造函数调用,和使用 apply 或 call 调用。
再比如:
作为函数调用:this被绑定到全局对象
functionmakeNoSense(x){
this.x = x;
}
makeNoSense(5);
x;// x 已经成为一个值为 5 的全局变量
又或者作为构造函数调用:this 绑定到新创建的对象上
functionPoint(x, y){
this.x = x;
this.y = y; }
注:构造函数不使用new调用,则和普通函数一样。一般地,构造函数首字母大写
严格模式 ‘use strict’下的this
‘use strict’;functiontest(){
console.log(this);
};
test();// undefined
原因:this 并不会指向全局,而是 undefined,这样的做法是为了消除 js 中一些不严谨的行为
常见问题
.call, .apply, 中this的指向
指定了函数的上下文,改变了this的指向,在 JavaScript 中函数也是对象,对象则有方法,apply 和 call就是函数对象的方法。
varobj = {
name:“name1”,
foo:function(){console.log(this);return(this);}
};varobj2 = {
name:“name2”};
obj.foo.call(obj2);//obj.foo方法,作为参数传递给obj2,obj中的this指向了obj2ga=obj.foo.call(obj2).name;//name2
obj.foo方法,作为参数传递给obj2,obj中的this指向了obj2
还有就是使用 apply调用
functionPoint(x, y){
this.x = x
;this.y = y;
this.moveTo =function(x, y){
this.x = x;
this.y = y;
}
}varp1 =newPoint(0,0);varp2 = {x:0, y:0};
p1.moveTo(1,1);
p1.moveTo.apply(p2, [10,10]);
其实归根到底,this它可以代表所调用的上级对象,比如windows本身,又或者一个定义了的数组或者单一对象,然后通过this关键字对其进行调用,而原生js里它还能和new关键字一起用。