node.js中bind - 腾讯云开发者社区

文章/答案/技术大牛

发布

Javascript中的bind详解

先看一下bind是什么。从上面的React代码中，可以看出bind执行后是函数，并且每个函数都可以执行调用它。眼见为实，耳听为虚。...' console.log((function(){}).bind().length); // 0 由此可以得出结论2： 1、调用bind的函数中的this指向bind()函数的第一个参数。...最后总结一下 1、bind是Function原型链中的Function.prototype的一个属性，它是一个函数，修改this指向，合并参数传递给原函数，返回值是一个新的函数。...3、es5-shim源码模拟实现bind时用Function实现了length。事实上，平时其实很少需要使用自己实现的投入到生成环境中。但面试官通过这个面试题能考察很多知识。...文章中的例子和测试代码放在github中bind模拟实现 github。bind模拟实现预览地址 F12看控制台输出，结合source面板查看效果更佳。

1.9K3 2

说下js中的bind

bind的受体是对象，返回的是个新的函数。我们知道this总是指向调用他的对象。但是有时候我们希望‘固化’这个this。也就是无论怎么调用这个返回的函数都有同样的this值。...这就是bind的作用。语法 fun.bind(thisArg[, arg1[, arg2[, ...]]]) 参数 thisArg 当绑定函数被调用时，该参数会作为原函数运行时的 this 指向。...func2(); 例2 注意：bind只生效一次 function f(){ return this.a; } //this被固定到了传入的对象上 var g = f.bind({a:"azerty..."}); console.log(g()); // azerty var h = g.bind({a:'yoo'}); //bind只生效一次！...(this)); } 例4 使用bind可少写匿名函数 Clict Me!

2.5K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

手写js中的bind

1.0" /> Document // 手写实现 bind...Function.prototype.bind = // Function.prototype.bind ||...getName1 = obj.getName; getName1(); // xiaoming let getName2 = obj.getName.bind...let getName4 = obj.getName.bind(obj, 111)(); // [111] xiaohong let getName5...= obj.getName.bind(obj, 111, 222)(); // [111, 222] iaohong let getName6 = obj.getName.bind

1.9K2 0

JQuery中bind和unbind函数

JQuery中bind和unbind函数测试：页面代码： <input type="checkbox...$("input[type='button']").click(function(){ alert("aaaa"); }); } } alert("aaaa")会执行三次，在事件嵌套事件中，...不希望看到这样的情况，需要把上层事件禁用，此时可引入bind和unbind函数解决。...bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数 unbind() 方法移除被选元素的事件处理程序。...部分内容来自http://www.dearoom.com/blog/详解unbind和bind/http://www.dearoom.com/blog/事件捕获事件冒泡和阻止事件冒泡/

1.6K2 0

JS中call apply bind的用法

谁调用当前的属性或者方法的,它就是谁 /* 2.1.bind方法作用修改函数或者方法中的this为指定的对象, 并且会返回一个修改之后的新函数给我们注意点...: bind方法除了可以修改this以外, 还可以传递参数, 只不过参数必须写在this对象的后面 */ //call apply bind修改this的.../*call:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数注意点: call方法除了可以修改this以外, 还可以传递参数, */.../*apply:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数注意点: apply方法除了可以修改this以外, 还可以传递参数, 只不过参数必须通过数组的方式传递...console.log(this); } test(10,20); window.test(); let fn=test.bind

3.6K3 0

解析js中的call、apply、bind

Parent.call(child);//对象继承，子对象具有了父对象的属性和方法 console.log(child);//Object {name: "csxiaoyao", age: 25} bind...obj.bind(thisObj, arg1, arg2, ...); 把obj绑定到thisObj，这时候thisObj具备了obj的属性和方法。...与call和apply不同的是，bind绑定后不会立即执行。...function add(j, k){ return j+k; } function sub(j, k){ return j-k; } console.log(add.bind(sub,...5, 3)); //function add(j, k){return j+k;} console.log(add.bind(sub, 5, 3)()); //8 如果bind的第一个参数是null或

2.3K2 0

JavaScript 中至关重要的 Bind

面试官：请你讲讲 js 中 Bind 本文翻译自： http://javascriptissexy.com/javascript-apply-call-and-bind-methods-are-essential-for-javascript-professionals...JavaScript 中至关重要的 Bind 我们用 Bind() 来实现在指明函数内部 this 指向的情况下去调用该函数, 换句话说, bind() 允许我们非常简单的在函数或者方法被调用时绑定...(user); Bind 方法允许我们实现函数借用在 JavaScript 中, 我们可以传递函数, 返回函数, 借用他们等等, 而 bind() 方法使函数借用变得极其简单...."; } } 接着我们使用 bind() 方法柯里化 greet() 方法. bind() 接收的第一个参数指定了 this 的值: // 在 greet 函数中我们可以传递 null, 因为函数中并未使用到...所以小结一下, bind() 方法允许我们明确指定对象方法中的 this 指向, 我们可以借用, 复制一个方法或者将方法赋值为一个可作为函数执行的变量. 我们以可以借用 bind 实现函数柯里化.

7383 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...、call、bind的区别和主要应用场景虽然网上有很多关于这方面的博客和文章，但还是决定写一篇自己对这方面知识的理解。...(坑爹了，这好像在让巧媳妇去做无米之炊)，不过没关系，call、apply、bind可以帮我们干这件事。...所以其实他们干的事从本质上讲都是一样的动态的改变this上下文,但是多少还是有一些差别的.. call、apply与bind的差别 call和apply改变了函数的this上下文后便执行该函数,而bind...Array.prototype.slice.call(arrayLike); 上面arr便是一个包含arrayLike元素的真正的数组啦( 注意数据结构必须是以数字为下标而且一定要有length属性 ) 数组追加在js中要往数组中添加元素

2.1K5 0

JavaScript 中 call()、apply()、bind() 的用法

在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数调用过程中的 this 指向 1 apply Function.apply...person1 = { firstName:"Bill", lastName: "Gates" } person.fullName.call(person1, "Seattle", "USA"); 3 bind...Function.bind(obj[,params...]) bind是ES5 新增的一个方法，它的传参和call类似，也是接收两个参数。...lastName: "Gates" } person.fullName.call(person1, "Seattle", "USA")(); 可以从上面看出，使用方法基本和call一致，只是后面多了()，其实是bind...那为什么要引入bind呢，是因为call和apply会自动执行目标函数，从而无法绑定在事件上，因为事件是我们手动触发的，而bind不会自动执行目标函数。

1K12 11

【译】JavaScript中的call,apply,bind

religion`); } getDetails() // undefined is the undefined religion 复制代码所以，这里的"this"指向"window"对象（根据函数中"...那就是call, apply, bind出现的地方。...或者，我们可以说，"call"或者"apply"方法在getDetails函数中创造了一个"this"指向"religion"对象。...多次使用"call"和"apply"是一种解决方法，但是"bind"函数可以让这个过程更加容易。..."bind"方法创造了一个指向传入对象的"this"引用，这和"apply"或者"call"那样，但是其返回一个函数。现在，在你的代码中，这个函数通过不同参数被多次使用。

8122 0

Android 7.0 中 Service bind 流程详解

继续往下 if ((flags&Context.BIND_AUTO_CREATE) !...这块在Activity启动过程中已经详述，这里就不重复说了，详见《Android 7.0中Launcher启动Activity过程》当进程存在的时候，我们直接realStartServiceLocked...会对bindings中的每一个IntentBindRecord尝试bind其进程。...Intent告诉给Service谁bind它了。...对所有ConnectionRecord，把bind结果回调给其IServiceConnection。

4K1 0

bind绑定类中成员函数总结

std::bind可以绑定成员函数，但绑定成员函数时有特殊的语法要求。...一、绑定成员函数的基本语法当使用std::bind绑定非静态成员函数时，需要提供两个关键信息：1.成员函数指针；2.对象实例（用于提供this指针）案例：class Example{public:...:add(int x,int y)" bind...三、提供对象实例不同方式方式一：通过指针（最常用）// 绑定成员函数Example ex;auto f = bind(&Example::add,&ex,_1,_2); // 指针传递cout bind绑定静态成员函数与普通函数方式相同" << f() << endl;}

2861 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...(坑爹了，这好像在让巧媳妇去做无米之炊)，不过没关系，call、apply、bind可以帮我们干这件事。...// 1 call person.showName.call(animal); // 2 apply person.showName.apply(animal); // 3 bind person.showName.bind...所以其实他们干的事从本质上讲都是一样的动态的改变this上下文,但是多少还是有一些差别的.. call、apply与bind的差别 call和apply改变了函数的this上下文后便执行该函数,而bind...Array.prototype.slice.call(arrayLike); 上面arr便是一个包含arrayLike元素的真正的数组啦( 注意数据结构必须是以数字为下标而且一定要有length属性 ) 数组追加在js中要往数组中添加元素

2K6 0

JavaScript 中 call()、apply()、bind() 的用法

; // 17 比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ； 1，call()、apply()、bind...obj.myFun.call(db)；　　　　// 德玛年龄 99 obj.myFun.apply(db);　　　 // 德玛年龄 99 obj.myFun.bind(db)();　　　// 德玛年龄...99 以上出了 bind 方法后面多了个 () 外，结果返回都一致！...由此得出结论，bind 返回的是一个新的函数，你必须调用它才会被执行。 2，对比call 、bind 、 apply 传参情况下 ?...bind 除了返回是函数以外，它的参数和 call 一样。当然，三者的参数不限定是 string 类型，允许是各种类型，包括函数、 object 等等！

1K3 0

【说站】javascript中bind函数如何使用

javascript中bind函数如何使用说明 1、bind()函数会创建一个新函数，新函数与被调函数具有相同的函数体。...2、当目标函数被调用时this值绑定到bind()的第一个参数，该参数不能被重写。绑定函数被调用时，bind()也接受预设的参数提供给原函数。...实例 Function.prototype.bind = function(context,...params){ let self = this; return funtion(...innerArgs...params = params.concat(...innerArgs); return self.call(context,...params); } } 以上就是javascript中bind

1.6K2 0

std::bind in std::bind 编译失败

上面这块理解比较吃力，简言之，如果传给std::bind()的参数T(在本例中，T为std::bind(&Index::status, this, std::placeholders::_1))满足std...(ps:此处所说的std::bind()是Index示例中嵌套的那个std::bind()操作)。...其实，截止到此处，错误原因已经定位出来了，这就是因为最外层的std::bind()参数中，其有一个参数T(此时T的类型为std::bind(&Index::status, this, std::placeholders...::_1))，因为满足std::is_bind_expression::value == true这个条件，所以在最外层的std::bind()中，直接对最里层的std::bind()进行调用，而最里层的...{} auto a = std::bind(f) auto b = std::bind(f, std::placeholders::_1) 在上面两个bind()中，第一个支持初始化类型(即a的类型)

1.4K2 0

谈谈JavaScript中的call、apply和bind

在JavaScript中，如果想要改变当前函数调用的上下文对象的时候，我们都会联想到call、apply和bind。比如下面?...call方法实现在上面的了解中，我们很清楚了call的传参格式和调用执行方式，那么就有了下面的实现方法： Function.prototype.call2 = function(context, .....问：call中为什么说 context.fn = this; // 让fn的上下文为context 呢？...问：bind中返回的参数为什么是传递(context, ...args, ...arguments)，而不是(context, ...args)呢？...答：这是为了包含返回函数也能传参的情况，也就是bind()()中的第二个括号可以传递参数。 call和apply哪个好？

5394 0

理解JavaScript中的This,Bind,Call和Apply

this指向的对象可以是基于全局的，在对象上的，或者在构造函数中隐式更改的，当然也可以根据Function原型方法的bind，call和apply使用显示更改的。...在这篇文章中，你将学习到基于上下文隐式表示的含义，并将学习如何使用bind，call和apply方法来显示确定this的值。...当你使用Node.js，全局上下文就是global。...当你想使用事件来获取嵌套类中的属性时，bind可能有用。比如，你写一个简单的游戏，你可能需要在一个类中分离用户接口和I/O，然后游戏的逻辑和状态是在另一个类中。...由于游戏逻辑需要用户输入，比如按键或点击事件，你可能想要bind事件去获取游戏逻辑类中的this的值。

6344 0

jQuery中on()、bind()、live()、delegate()之间的区别

jQuery的.on()、.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，...在操纵DOM的语境中，document是根节点。现在我们可以较容易地说明.on()、.bind()、.live()和.delegate()的不同之处了。...接下来就详细说下几者之间的区别: 1 .bind() .bind()是直接绑定在元素上，也很好的解决了浏览器在事件处理中的兼容问题。...另外，.click(), .hover()...这些非常方便的事件绑定，都是bind的一种简化处理方式。...因为都要到达document 因为所有的selector/event都被绑定到document, 所以当我们使用matchSelector方法来选出那个事件被调用时，会非常慢当发生事件的元素在你的DOM树中很深的时候

1.8K3 0

浅谈JavaScript中的apply,call和bind

bind() 与 call() 类似，有一点不同在于 bind() 返回一个新函数(new function)，我们可以随时调用该函数。...bind() 的另一个用法则是让函数拥有预设参数，而又跟预设参数有所不同。...不过 bind() 所提供的预设参数功能与此不同。在我们的印象中， list3 应该输出 [1, 2, 3] 但实际输出的却是 [37, 1, 2, 3]。...因为 bind() 的特点，leadingThirtysevenList(1, 2, 3) 可以写为 list.bind(null, 37, 1, 2, 3)。...call() 和 bind() 则把参数按顺序依次传入。

7203 0

点击加载更多

Javascript中的bind详解

说下js中的bind

手写js中的bind

JQuery中bind和unbind函数

JS中call apply bind的用法

解析js中的call、apply、bind

JavaScript 中至关重要的 Bind

js中call、apply、bind那些事

JavaScript 中 call()、apply()、bind() 的用法

【译】JavaScript中的call,apply,bind

Android 7.0 中 Service bind 流程详解

bind绑定类中成员函数总结

js中call、apply、bind那些事

JavaScript 中 call()、apply()、bind() 的用法

【说站】javascript中bind函数如何使用

std::bind in std::bind 编译失败

谈谈JavaScript中的call、apply和bind

理解JavaScript中的This,Bind,Call和Apply

jQuery中on()、bind()、live()、delegate()之间的区别

浅谈JavaScript中的apply,call和bind

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐