Javascript中this关键字的一些小知识

发布于 2016-08-21 06:42:12 | 85 次阅读 | 评论: 0 | 来源: 网友投递

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

这篇文章主要介绍了Javascript中this关键字的一些小知识,本文讲解了this的隐性绑定、var that = this两部份内容,需要的朋友可以参考下

Javascript应该是现在最流行的跨平台语言之一，一直在玩前端的一些有意思的东西，发现竟然没有掌握好这门语言。有点舍本逐末，于是想趁着现在这有空的时候好好补充一点遗漏的东西。

this的隐性绑定

一开始这是我很迷惑的东西，刚开始看到的时候，不理解。而后，在相似的情况下，又能用类似的方法解决同样的问题。便试着理清这其中的知识，方便于查找。

这是一个Javascript语言上设计的错误，但是似乎这个错误是不可避免的，函数是对象，数组是对象等等。引用《Javascript: The Good Parts》中的例子



function add (a,b) {return a+b}

 var sum = add (3,4);

 console.log(sum); //sum = 7

此时sum的结果是7。



 > typeof add

 > 'number'

在这里可以看到，add的类型是数值。

以此模式调用函数时，this被绑定到全局变量。
也就是在现在的环境下，我们可以这样调用this



 this.add(3,4)

这就是this的隐性绑定，而this会以不同的方式被绑定。



var hello = function (){

    return "Hello, " + this.name;

};

name = 'this';

console.log(hello());

这时我们就会得到Hello,this。而当



var hello = function (){

    return "Hello, " + this.name;

};

var user = {

    hello : hello,

    name : 'phodal'，

};
console.log(user.hello());

如果我们在这个方法中定义一个变量并给它赋值this,那么内部函数就可以通过那个变量访问到this。

1.this变量的作用域总是由其最近的封闭函数所确定。
2.使用一个局部变量(如me,self,that)让this绑定对于内部是可用的。

    z.printName = function(){
        console.log(this.name);
    };
    return z.printName();
};

var MM = function(){ z = new M(); this.name = "MM"; var self = this; z.printName = function(){ console.log(self.name); }; return z.printName(); };

var MM = function(){ z = new M(); this.name = "MM"; z.printName = function(){ console.log(this.name); }.bind(this); return z.printName(); };