ES5 bind方法】的更多相关文章

function getConfig(colors,size,otherOptions){ console.log(colors,size,otherOptions); } var defaultConfig=getConfig.bind(null,"#cc0000","1024*768"); defaultConfig("); defaultConfig("); 结果: #cc0000 1024*768 123#cc0000 1024*768…
原生bind方法 不同于jQuery中的bind方法只是简单的绑定事件函数,原生js中bind()方法略复杂,该方法上在ES5中被引入,大概就是IE9+等现代浏览器都支持了(有关ES5各项特性的支持情况戳这里ECMAScript 5 compatibility table),权威指南上提到在ES3中利用apply模拟该方法的实现(JS权威指南中函数那章), 但无法真实还原该方法, 这也是真bind方法中的有趣特性. (原文这边理解有问题, 这段话的意思如果结合犀牛书上下文的意思, 再结合犀牛书中…
js里方法和属性值为函数,就像一个东西两种称呼一个样,比如土豆,也叫马铃薯,一个样.既然一样,那就可以对对象的方法提取出来为函数,然后把提取出来的函数作为回调函数直接传递给高阶函数. 高阶函数是什么 玩过套娃娃游戏没,没玩过,没事,我也没玩过.大致就是下面这个样子呃,好吧,这才是真正的.就是多层函数,以函数为参数或返回值的函数.有点绕,没事看看上面的图就明白了.想了解怎么实现个简单的请点这里.好了,函数拿出来了,给高阶函数做参数传进去了.这里面很容易会忘记把传进去的函数绑定到当前对象上,自由惯了…
bind方法的作用,除了有绑定函数到对象外,我们来看看bind方法的一些其它应用. 简单示例 例子:假设有一个装配URL字符串的简单函数.代码如下 function simpleURL(protocol,domain,path){ return protocol+'://'+domain+'/'+path; } 要将特定站点的路径字符串构建为绝对路径URL.可以使用ES5中数组的map方法来实现.如下 var paths=['wengxuesong/','wengxuesong/p/556048…
javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. call,apply,bind这三个方法其实都是继承自Function.prototype中的,属于实例方法.bind方法和call.apply方法有些不同,但是不管怎么说它们都可以用来改变this的指向. 情景: var a = { user:"xxx", fn:function(){ console.log(this…
最近去参加了场面试,跟面试官聊了很多JS基础上的东西,其中有个问题是谈谈对apply.call.bind的理解和区别.顿时一愣,apply.call我知道,经常用的东西,bind是什么鬼!!!好像见过,也瞅过类似的文章,但是...不记得了...难道和jQuery的事件绑定的bind一样... 既然不知道,那就整理总结下啰~ 一.apply和call 既然提到提到了这两兄弟,也跟着简单做下知识整理.在javascript中,this的指向是一个经常要处理的问题.比较经典的一个问题就是,docume…
1.call和apply的定义和区别 call和apply的作用一样,唯一不同的是:接受的参数不同. apply:方法能够劫持另一个对象的方法,继承另一个对象的属性. Funciton.apply(obj,arguments) obj:对象,替代Function类里面的this对象 arguments:数组 call的用法: Function.call(obj,[param1[,param2[,....,param3]]] obj:Function类里面的this对象 params:参数列表 2…
call .apply.和bind 以上这三个方法都是js function函数当中自带的方法,用来改变当前函数this的指向. call()方法 语法格式: fun.call(thisArg[,arg1[, arg2[, ...]]]) 该方法可以传递一个thisArgs参数和一个参数列表,thisArgs指定了函数在运行期的调用者,也就是函数中的this对象,而参数列表会被传入调用函数中. 通过 call 方法,你可以在一个对象上借用另一个对象上的方法,比如Object.prototype.…
有次面试遇到的,也是没说清楚具体的作用,感觉自己现在还是没有深刻的理解! bind():绑定事件类型和处理函数到DOM element(父元素上) live():绑定事件到根节点上,(document上)Delegate(): 可动态添加事件,绑定到你指定的元素节点 下面就bind()方法做一个例子实验:(已测试) window.onload = function(){ window.name = "window"; var newObject = { name : "obj…
在 javascript之 this 关键字详解 文章中,谈及了如下内容,做一个简单的回顾: 1.this对象的涵义就是指向当前对象中的属性和方法. 2.this指向的可变性.当在全局作用域时,this指向全局:当在某个对象中使用this时,this指向该对象:当把某个对象的方法赋值给另外一个对象时,this会指向后一个对象. 3.this的使用场合有:在全局环境中使用:在构造函数中使用,在对象的方法中使用. 4.this的使用注意点,最重要的一点就是要避免多层嵌套使用this对象. 对this…