javascript中this的体现

这里是修真院前端小课堂，每篇分享文从

【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关键字一起用。