详解javascript的bind方法

JS的bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。
通过bind可解决两个问题：1)以隐蔽和优雅的方式解决依赖注入的问题，可以将函数执行需要的上下文环境对象通过bind方法传递给函数，在函数内部直接使用this来引用。2)解决多层调用时this对象无法传递给内部函数的问题，实际是第一个问题的延展。
看代码样例：

var obj = {a: function(){//'this' is 'obj'，是真正的thisconsole.log(this);var func = function(){//'this' is 'window', 容易混淆的地方，上层对象无法通过this引用了，这里的this是window对象了。console.log(this);//所以下面这句话出错，无法找到属性console.log(this.c);};func();},b : function(){var func = function(){//'this' is 'obj'，是通过bind传入的。console.log(this);console.log(this.c);}.bind(this);func();},c : 'Hello!'
}obj.a();
obj.b();

在实际开发工作中，如果需要在函数内部应用外部对象，可以通过bind传入；如果需要在嵌套函数或回调函数内部应用上级对象，也可以通过bind传入。

详解javascript的bind方法相关推荐

详解JavaScript中shift()方法的使用
定义和用法 shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值. 语法 arrayObject.shift() 返回值数组原来的第一个元素的值. 说明如果数组是空的,那么 ...
详解JavaScript数组过滤相同元素的5种方法
详解JavaScript数组过滤相同元素的5种方法:https://www.jb51.net/article/114490.htm 转载于:https://www.cnblogs.com/bydzha ...
window 程序报错自动重启_好程序员web前端教程之详解JavaScript严格模式
好程序员web前端教程之详解JavaScript严格模式,严格模式(Strict mode)是由ECMA-262规范定义的新兴JavaScript标准,发布于2009年12月第五版.旨在改善错误检查功 ...
详解JavaScript变量类型判断及domReady原理写得很好
原文:详解JavaScript变量类型判断及domReady原理我们知道,在开发JavaScript时候,经常要判断JavaScript变量类型,此 JavaScript教程详细介绍JS变量的判断 ...
es6字符串添加html标签,JavaScript_详解JavaScript ES6中的模板字符串，在 ES6 中引入了一种新的字符 - phpStudy...
详解JavaScript ES6中的模板字符串在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用反引号 (`) 表示,它们看上去和普通的字符串没有什么区别.在最简单的情况下,他们就是 ...
js模板字符串自定义类名_详解JavaScript ES6中的模板字符串
这篇文章主要介绍了详解JavaScript ES6中的模板字符串,JS的ES6版本带来诸多简洁化方面的重大改进,需要的朋友可以参考下在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用 ...
详解JavaScript对象深拷贝
详解JavaScript对象深拷贝在几乎所有编程语言中,对象都以引用形式保存给变量.复制给其他变量.JavaScript语言也是如此.因此简单的进行赋值操作进行复制仅仅是对对象数据的引用地址进行一个 ...
详解Javascript本地存储的方式、区别及应用场景
详解Javascript本地存储的方式.区别及应用场景一.方式 javaScript本地缓存的方法我们主要讲述以下四种: cookie sessionStorage localStorage ind ...
详解 JavaScript 的 IIFE 语法
详解 JavaScript 的 IIFE 语法 IIFE 语法 IIFE 语法的一些变体小括号去哪儿了? 命名的 IIFE 防止连接文件时出现问题使用箭头函数代替函数表达式一些不推荐的立即调用函 ...

详解javascript的bind方法

详解javascript的bind方法相关推荐

最新文章

热门文章