javascript bind()

前几天看到一个面试题,题目是这样的:
请你说说对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

时间: 2024-10-17 11:33:56

javascript bind()的相关文章

JavaScript parseint()理解

js parseint()函数 工作中,在网关设置MTU值,见到这个函数.当时用法: function saveMtu() { var maxMtu; with (document.forms[0]) { maxMtu = parseInt(mtu.value); if(isNaN(mtu.value)) { alert("MTU值 !" + mtu.value + " 非法,取值范围(68--1500)!"); return 0; } if(maxMtu <

关于socket通信bind()返回值错误:10049

前几天偶尔收到一个朋友的求救,要编写一个IPV6的socket编程 开始以为这个问题很容易,因为socket已经兼容IPV4和IPV6的,改下那几个接口就可以了 然后....被卡住了.... 修改了参数为IPV6的参数以后,在bind的时候始终包10049错误. 按照MSDN的说法,10049的意思表示找不到那个IP. 但是我服务器端bind监听的socket的时候,是不应该出这个问题的... 遍历无果,只能通过检视代码来找可能的错误. CString strError; m_hSocket;

读书笔记:javascript高级技巧(一)

一.安全的类型检测 javascript内置的类型检测机制并非完全可靠,由于浏览器或者作用域等原因,经常会发生错误.大家知道,在任何值调用toString()方法都会返回一个[object Native ConstructorName]格式的字符串,每个类内部都有一个[class]属性,这个属性就指定了上述字符串中的构造函数名.例如 var value=[1,2,3,4,5] alert(Object.prototype.toString.call(value));//"[object Arra

深入理解JavaScript系列(21):SOLID五大原则之接口隔离原则ISP(转载)

深入理解JavaScript系列(21):SOLID五大原则之接口隔离原则ISP 前言 本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第4篇,接口隔离原则ISP(The Interface Segregation Principle). 英文原文:http://freshbrewedcode.com/derekgreer/2012/01/08/solid-javascript-the-interface-segregation-principle/注:这篇文章作者写得

BAT及各大互联网公司2014前端笔试面试题--JavaScript篇(昨天某个群友表示写的简单了点,然后我无情的把他的抄了一遍)

(某个群友)http://www.cnblogs.com/coco1s/ 很多面试题是我自己面试BAT亲身经历碰到的.整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习js更是大有裨益. 而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正. 附上第二篇:BAT及各大互联网公司2014前端笔试面试题--Html,Css篇 前面几题是会很基础,越下越有深度. 初级Javascript: 1.JavaScript是一门什么样的语言,它

前端面试:基础javascript篇(二)

11. js的new操作符做了哪些事情 new 操作符新建了一个空对象,这个对象原型指向构造函数的prototype,执行构造函数后返回这个对象.   12. 改变函数内部this指针的指向函数(bind,apply,call的区别) 通过apply和call改变函数的this指向,他们两个函数的第一个参数都是一样的表示要改变指向的那个对象,第二个参数,apply是数组,而call则是arg1,arg2...这种形式. 通过bind改变this作用域会返回一个新的函数,这个函数不会马上执行.  

基础JavaScript练习(二)总结

任务目的 学习与实践JavaScript的基本语法.语言特性 练习使用JavaScript实现简单的排序算法 任务描述 基于上一任务 限制输入的数字在10-100 队列元素数量最多限制为60个,当超过60个时,添加元素时alert出提示 队列展现方式变化如图,直接用高度表示数字大小 实现一个简单的排序功能,如冒泡排序(不限制具体算法),用可视化的方法表达出来,参考见下方参考资料 任务注意事项 实现简单功能的同时,请仔细学习JavaScript基本语法.事件.DOM相关的知识 请注意代码风格的整齐

javascript——操作符(~、&amp;、|、^、&lt;&lt;、&gt;&gt;)

直接上代码吧! 1 <script type="text/javascript"> 2 //javascript操作符 3 //1.按位非~ 4 var num1=25;// 5 var num2=~num1;// 6 alert(num2) 7 8 var num3=10; 9 var num4=~num3; 10 alert(num4) 11 12 var num5=99; 13 var num6=~num5; 14 alert(num6) 15 16 //说明:相信大

深入理解JavaScript系列(结局篇)(转载)

深入理解JavaScript系列(结局篇) 介绍 最近几个月忙得实在是不可开交,终于把<深入理解JavaScript系列>的最后两篇“补全”了,所谓的全是不准确的,因为很多内容都没有写呢,比如高性能.Ajax安全.DOM详解.JavaScript架构等等.但因为经历所限,加上大叔希望接下来写点其它东西,所以此篇文字就暂且当前完结篇的总结吧,以后有时间的话,可以继续加上一些未涉及的专题内容. 网络文章来源 本系列文章参考了大量的互联网网站,在此向各位网站拥有者.博主.提到的以及未提到的作者们说一