<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello Bind!</title>
</head>
<body>
<div id="example"></div>
<script type="text/javascript">
this.x = 9;
var module = {
x: 81,
getX: function() { return this.x; }
};
module.getX(); // 81
var retrieveX = module.getX;
retrieveX(); // 9, because in this case, "this" refers to the global object
//这里相当于把getX的函数体赋给了一个全局对象,this自然就变了
// Create a new function with 'this' bound to module
//New programmers (like myself) might confuse the global var getX with module's property getX
//这里创建一个新的函数和retrieveX 一样也就是和getX一样,但是this指向module
var boundGetX = retrieveX.bind(module);
boundGetX(); // 81
</script>
</body>
</html>
相关推荐
详解bind函数
详细讲述了网络编程socket bind函数的使用说明
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]基于不扩展原生对象的原则,弄了这个bind函数(dom为作用域),用法与Prototype框架的bind差不多。 代码如下: dom.bind = function(fn,context){ //第二个参数如果...
bind()的方法在ie,6,7,8中不适用,需要扩展通过扩展Function prototype可以实现此方法,下面为大家介绍下javascript中bind函数的作用
c++ bind函数源码分析
bind函数定义在头文件 functional 中。可以将 bind 函数看作一个通用的函数适配器,它接受一个可调用对象,生成一个新的可调用对象来“适应”原对象的参数列表。 bind函数:接收一个函数名作为参数,生成一个新的...
js代码-bind函数
JavaScript函数之call、apply以及bind方法案例详解 总结 1、相同点 2、区别 call() 方法 /* 正常模式 */ let obj = { sum(a, b) { console.log(this) return a + b } } // 执行 sum 函数的 apply、bind...
主要介绍了javascript中call,apply,bind函数用法,结合实例形式分析了call,apply,bind函数的功能、使用方法与相关注意事项,需要的朋友可以参考下
JavaScript函数this指向问题详解 目录 一、 函数内 this 的指向1、普通函数2、构造函数3、对象方法4、事件绑定方法5、定时器函数6、立即执行函数二、改变函数内部 this 指向1、call 方法2、apply 方法3、bind ...
js代码-JavaScript的call/apply/bind函数实现
javascript中利用柯里化函数实现bind方法_.docx
ES5的bind手写实现
本文实例讲述了jQuery使用bind函数实现绑定多个事件的方法。分享给大家供大家参考,具体如下: 在jQuery中绑定多个事件名称是,使用空格隔开,举例如下: $("#foo").bind("mouseenter mouseleave", function() { $...
js代码-JavaScript bind方法