Javascript应该是现在最流行的跨平台语言之一,一直在玩前端的一些有意思的东西,发现竟然没有掌握好这门语言。有点舍本逐末,于是想趁着现在这有空的时候好好补充一点遗漏的东西。
this的隐性绑定
一开始这是我很迷惑的东西,刚开始看到的时候,不理解。而后,在相似的情况下,又能用类似的方法解决同样的问题。便试着理清这其中的知识,方便于查找。
这是一个Javascript语言上设计的错误,但是似乎这个错误是不可避免的,函数是对象,数组是对象等等。引用《Javascript: The Good Parts》中的例子
代码如下:
此时sum的结果是7。
代码如下:
typeof add
> 'number'
在这里可以看到,add的类型是数值。
以此模式调用函数时,this被绑定到全局变量。 也就是在现在的环境下,我们可以这样调用this
代码如下:
这就是this的隐性绑定,而this会以不同的方式被绑定。
代码如下:
这时我们就会得到Hello,this。而当
这时user中的hello便指向了hello函数,而这在我们的理解中,这怎么可能,所以是个Bug。
代码如下:
}; console.log(user.hello());
如果我们在这个方法中定义一个变量并给它赋值this,那么内部函数就可以通过那个变量访问到this。
var that = this
于是当情况稍微复杂一点的时候我们就需要用到:
代码如下:
tips:
这时的this指向的是M函数,而由MM自身。如果我们将M中的this去掉,那么返回的就是一个undefined。 于是我们就创建一个当前this作用域的别名,如that或者self等等:
1.this变量的作用域总是由其最近的封闭函数所确定。 2.使用一个局部变量(如me,self,that)让this绑定对于内部是可用的。
一个简单的例子:
代码如下:
var MM = function(){ z = new M(); this.name = "MM";
z.printName = function(){ console.log(this.name); }; return z.printName(); };
var mm = new MM;
代码如下:
相关推荐
什么是深拷贝与浅拷贝?深拷贝与浅拷贝是js中处理对象或数据复制操作的两种方式。在聊深浅拷贝之前咱得了解一下js中的两种数据类型:
前言 今天复习了一些前端算法题,写到一两道比较有意思的题:重建二叉树、反向输出链表每个节点 题目 重建二叉树: 输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列 {1,2,4,7,3,5,6,8} 和中序遍历序列 {
最近在看回JavaScript的面试题,this 指向问题是入坑前端必须了解的知识点,现在迎来了ES6+的时代,因为箭头函数的出现,所以感觉有必要对 this 问题梳理一下,所以刚好总结一下JavaScript中this指向的问题。
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高