javascript bind（）

最新推荐文章于 2025-06-10 15:12:08 发布

清，纯一色

最新推荐文章于 2025-06-10 15:12:08 发布

阅读量183

点赞数

CC 4.0 BY-SA版权

文章标签： c# runtime javascript ViewUI

原文链接：http://www.cnblogs.com/gobiggirl/p/4688871.html

本文详细解释了JavaScript中的bind方法，包括其作用、使用场景及与apply和call的区别。通过具体示例展示了如何利用bind来改变函数执行上下文。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前几天看到一个面试题，题目是这样的：
请你说说对javascript中apply，call，bind的理解？
首先apply和call是老生常谈的东西，但是对于bind，我愣了下，因为这个词是jquery中使用频率很高的一个方法，用来给DOM元素绑定事件用的。
为了搞清这个陌生又熟悉的bind，google一下，发现javascript1.8.5版本中原生实现了此方法，目前IE9+，ff4+，chrome7+支持此方法，opera和safari不支持（MDN上的说明）。
bind的作用和apply，call类似都是改变函数的execute context，也就是runtime时this关键字的指向。但是使用方法略有不同。一个函数进行bind后可稍后执行。
例子如下：

复制代码代码如下:

 
var person = { 
name: 'Andrew', 
job: 'web front end developer', 
gender: 'male', 
sayHello: function() { 
return 'Hi, I am ' + this.name + ', a ' + this.job; 
} 
} 
console.log(person.sayHello()); // Hi, I am Andrew, a web front end developer 
var anotherGuySayHello = person.sayHello.bind({ 
name:'Alex', 
job: 'back end C# developer' 
}); 
console.log(anotherGuySayHello()); // Hi, I am Alex, a back end C# developer 

另外带有参数的例子：

复制代码代码如下:

function add(arg1, arg2, arg3, arg4) {
return arg1 + ' ' + arg2 + ' ' + arg3 + ' ' + arg4;
}
var addMore = add.bind({}, 'a', 'b');
console.log(addMore('c', 'd')); // a b c d

转载于:https://www.cnblogs.com/gobiggirl/p/4688871.html