这篇文章主要介绍了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());
以上就是Javascript中this关键字的一些小知识的详细内容,更多请关注0133技术站其它相关文章!
未经允许不得转载:0133技术站首页 » JavaScript 教程