js的bind函数 - 腾讯云开发者社区

文章/答案/技术大牛

发布

手写JS函数的call、apply、bind

之所以要写这篇，是因为曾经面试被要求在白纸上手写bind实现结果跟代码一样清晰明确，一阵懵逼，没写出来！下面，撸起袖子就是干！~ 把call、apply、bind一条龙都整一遍！...context : window) // 防止覆盖掉原有属性 const key = Symbol() // 这里的this为需要执行的方法 context[key] = this // 方法执行...context : window) // 防止覆盖掉原有属性 const key = Symbol() // 这里的this为需要执行的方法 context[key] = this // 方法执行...定义与使用Function.prototype.bind(): developer.mozilla.org/zh-CN/docs/…// Function.prototype.bind()样例function...指向，返回新function对象const newFun = fun.bind(_this)newFun(1, 2)// 输出：YIYING3手写实现/** * 自定义bind实现 * @param context

1.7K3 0

手写JS函数的call、apply、bind

1.7K2 0

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

是的

没有找到

js原生函数之call和apply，bind

call 和 apply call 和 apply 和 bind 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。...js原生函数中的call和apply都不陌生，这两个方法的作用相似，接受两类参数。第一类是context（上下文），传入的参数作为执行函数的上下文，也是要传入的第一个参数。...bind方法用于明确指定调用 this 方法。在作用域方面，类似于 call 和 apply 。当你将一个对象绑定到一个函数的 this对象时，你就会用到 bind。...(tom)());//reading bind 和 call的使用方式很类似，同样接受两部分参数，上下文this和作用函数的后续参数，下面是我猜想的bind的模拟实现方法。...和call的主要区别在于，bind返回的是一个新函数，而call这是直接执行了该函数。

1.5K0 0

js的bind函数那些你可能没想过的点

1 js中对一个bind返回的函数执行new时会怎样 function A(a,b){ this.a=a; this.b=b } var a = A.bind({x:1},1) var...2 js中当函数执行bind后再次执行bind或call时会怎样 var test = function(x,y){ console.log(this,arguments) } var a=test.bind...的bind函数说明中我们知道，当我们用一个函数调用bind的时候，返回的函数中会保存这三个参数。...所以最后调用call的时候执行的函数是目标函数，也就是调用了bind的函数，传入的this也是bind调用时传入的，这些都是无法被修改的了，但是参数是调用bind和call时的叠加，这是我们唯一可以修改的地方...3 js中对bind返回的函数执行new的时候，instanceof的行为 function A(){ } var b = A.bind({}) var c = new b(); c instanceof

7541 0

一起手写JS函数的call、apply、bind

之所以要写这篇，是因为曾经面试被要求在白纸上手写bind实现结果跟代码一样清晰明确，一阵懵逼，没写出来！下面，撸起袖子就是干！~ 把call、apply、bind一条龙都整一遍！...context : window) // 防止覆盖掉原有属性 const key = Symbol() // 这里的this为需要执行的方法 context[key] = this // 方法执行...context : window) // 防止覆盖掉原有属性 const key = Symbol() // 这里的this为需要执行的方法 context[key] = this // 方法执行...定义与使用Function.prototype.bind(): developer.mozilla.org/zh-CN/docs/…// Function.prototype.bind()样例function...指向，返回新function对象const newFun = fun.bind(_this)newFun(1, 2)// 输出：YIYING3参考前端进阶面试题详细解答手写实现/** * 自定义bind

5293 0

说下js中的bind

bind的受体是对象，返回的是个新的函数。我们知道this总是指向调用他的对象。但是有时候我们希望‘固化’这个this。也就是无论怎么调用这个返回的函数都有同样的this值。...这就是bind的作用。语法 fun.bind(thisArg[, arg1[, arg2[, ...]]]) 参数 thisArg 当绑定函数被调用时，该参数会作为原函数运行时的 this 指向。...当使用new操作符调用绑定函数时，该参数无效。 this将永久地被绑定到了bind的第一个参数，无论这个函数是如何被调用的。 arg1, arg2, ......当绑定函数被调用时，这些参数将置于实参之前传递给被绑定的方法。...返回就是新的函数，不用再写匿名函数了。

2.7K1 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

2K2 0

bind（）函数是干啥的？

bind()函数是JavaScript中的一个内置方法，用于创建一个新的函数，该函数的this值被绑定到指定的对象，并在调用时保持不变。...bind()函数的作用是创建一个新的函数，并将指定的对象作为该函数的上下文（this值）。绑定后的函数可以在稍后的调用中保持相同的上下文。...bind()方法的语法如下： function.bind(thisArg[, arg1[, arg2[, ...]]]) thisArg：在新函数中作为this值绑定的对象。...在上面的示例中，使用bind()函数将person.greeting函数的上下文绑定到person对象上，并创建了一个新的函数boundGreeting。...通过使用bind()函数，我们可以在需要的时候明确地指定函数的上下文，这对于事件处理程序、回调函数等场景非常有用，可以确保函数在执行时具有正确的上下文。

3671 0

JS 的 call apply bind 方法

js的call apply bind 方法都很常见，目的都是为了改变某个方法的执行环境（context） call call([thisObj[,arg1[, arg2[, [,.argN]]]]]...bind bind(thisArg [, arg1 [, arg2, …]]); bind 也是改变某个方法的执行环境，区别也在于第二个参数(也是一个个的参数形式）和“返回值”的特性。　　...它将一个func绑定给thisArg的上下文，并传入相应的参数，并以一个新函数的形式返回，以供调用。...注1：但IE9（包括IE9)以上的才支持bind 所以，在不支持bind的浏览器上，我们需要模拟一下 Function.prototype.Bind = function(context){ var...,1); // 返回一个新的函数 return function(){ // 将相关参数赋给这个bind所在方法，并将执环境赋给context return

2.4K3 0

参数绑定---bind函数

标准库bind函数我们可以解决向check_size传递一个长度参数的问题。方法是使用一个新的名为bind的标准库函数，它定义在头文件functional中。...可以将bind函数看作一个通用的函数适配器，它接受一个可调用对象，生成一个新的可调用对象来适应原对象的参数列表调用bind的一般形式为： auto newCallable=bind(callable,...与bind函数一样，placeholders命名空间也定义在functional头文件中 bind的参数我们可以用bind绑定给定可调用对象中的参数或重新安排其顺序。...标准库中还有一个cref 函数，生成一个保存const引用的类与bind一样，函数ref和cref定义在头文件functional中注意：标准库中定义了两个分别为bindlst和bind2nd的函数...由于这些函数局限太强，在新标准库中已经被弃用。新的c++程序应该使用bind

1.9K3 0

apply、call、bind函数的区别

apply、call、bind函数的区别一、前言大多数人都知道，使用apply、call、bind可以调用函数，并改变函数中this的指向。做一个简单记录，免得以后忘记了。...var showInfo2 = user.showInfo.bind(other);showInfo2(other.age, other.sex);可以看到，bind在使用的时候会返回一个改变this的新函数...call、bind他们的异同点相同点：都可以改变函数中this的指向，且都将作为第一个参数进行使用不同点（传参方面）apply：在传入改变this的对象之后，将原来的函数参数，打包成一个数组进行传参call...：在传入改变this的对象之后，依次传入原本的函数参数bind：由于特性，它的传参分为一次参数和二次传参，一次传参与call相同；二次传参首次传参与call类似，后一次调用传参补全原函数剩余的参数不同点...（调用方面）apply、call：函数.apply()或者函数.call()，即可发起调用bind：先返回一个改变指向的函数，再通过这个函数进行调用我是半月，祝你幸福！！！

5601 0

JS 手写： call、apply、bind

# Try it bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。...如果 bind 函数的参数列表为空，或者 thisArg 是 null 或 undefined，执行作用域的 this 将被视为新函数的 thisArg。 arg1, arg2, ......# 描述 bind() 函数会创建一个新的绑定函数（bound function，BF）。...# 示例 # 创建绑定函数 bind() 最简单的用法是创建一个函数，不论怎么调用，这个函数都有同样的 this 值。...只要将这些参数（如果有的话）作为 bind() 的参数写在 this 后面。当绑定函数被调用时，这些参数会被插入到目标函数的参数列表的开始位置，传递给绑定函数的参数会跟在它们后面。

2.5K3 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.9K3 0

解析js中的call、apply、bind

或者说thisObj继承了obj的属性和方法，绑定后会立即执行函数。唯一区别是apply接受的是数组参数，call接受的是连续参数。...console.log(child);//Object {name: "csxiaoyao", age: 25} bind obj.bind(thisObj, arg1, arg2, ...); 把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.5K2 0

JS手撕(四) call、apply、bind、柯里化、偏函数

JS手撕(四) call、apply、bind、柯里化、偏函数 call call()方法就是使用一个指定的this值和一个或多个参数来调用一个函数。...bind bind()也能够像上面一样，使用指定的this值，不过有一个很大的不同，那就是bind()是返回一个函数，而不是立即调用。...顺带提一下一个注意点：调用bind()时，可以传参，调用该方法返回的函数也可以传参。所以会有两拨参数。...，实际上，我们想要的是Person {name: 'tttt', age: 21}的结果，而且使用原生的bind是能正常得到结果的。...手写题（搞懂后，提升真的大） - 掘金 GitHub - qianlongo/fe-handwriting: 手写各种js Promise、apply、call、bind、new、deepClone…

8014 0

Vue.js的bind报错解决

https://blog.csdn.net/sinat_35512245/article/details/53956560 在WebStorm中，使用Vue的v-bind：class，结果报错，...错误提示：Namespace “v-bind” is not bound，如下： ?...其实这不是代码问题，而是WebStorm本身自己的问题，要想解决这个问题也非常简单，只要在WebStorm设置中： Settings -> Editor -> Inspections找到XML，把...Unbound XML namespace prefix的勾去掉即可。

3.3K1 0

JS中的bind、apply、call的理解

概要 call、apply、bind 都是用来修改函数中的this，传参时，call是一个个传参，apply是数组形式传参，call和apply立即执行并且返回值是你调用的方法的返回值，若该方法没有返回值...bind是改变this后返回一个新的函数，他不会立即执行。这三个方法不会改变原方法的this的指向。 Bind 复制原方法传入新的this指向后生成新方法，参数可传多个。...console.info(this.name + "和" + name + "一块玩"); } }; let b = { name: "小红" }; a.play("小刚"); a.play.bind..." }; a.play("小刚", "小李"); a.play.apply(b, ["小刚", "小李"]); 显示小明和小刚、小李一块玩小红和小刚、小李一块玩结论： call、apply、bind...是Function.prototype下的方法，作用是执行一下目标函数，执行时顺便把目标函数中的this改一下，然后把结果输出，执行后，不会影响原函数中的this！

1.4K1 0

js的this、call、apply、bind、继承、原型链

本文来自我的github 0.前言这些都是js基础进阶的必备了，有时候可能一下子想不起来是什么，时不时就回头看看基础，增强硬实力。...= 1 } var f = new F() call、apply、bind 指向传入函数的第一个参数。...前两者都是一样，只是参数表现形式不同，bind表示的是静态的前两者，需要手动调用 a.call(b,args)让函数a执行上下文指向b，也就是b的属性就算没有a函数，也能像b.a(args)这样子调用...} } 此外，需要注意的，一个函数被bind后，以后无论怎么用call、apply、bind，this指向都不会变，都是第一次bind的上下文 3.从call到继承首先，js没有严格意义上的子类父类...但是，无法获取F的原型上的属性。另外，方法也是写在内部 this.f = function(){} 也注定无法实现函数复用了，每一个实例都有一个函数，浪费内存。

1.6K1 0

boost::bind 不能处理函数重载 (error: no matching function for call to bind)

不过此时我仍怀疑是参数的问题，于是增加了一个同名的函数重载，参数照抄 create_task，结果就失败了；最神奇的是改为之前那版 start_task 也不行了，这才开始怀疑是函数重载的问题。...bind + 函数重载" 得到一些新的方案 (不能加 boost，bing 坑我)，主要分两种：强制转换模板参数其实不管哪种方式，都是在 bind 无法区分重载函数的场景下，告诉 bind 我们要绑定的是哪个重载版本...按理说根据提供给 bind 的参数，再匹配重载函数的参数列表，应该可以挑选正确的重载版本。...当然，比较迷的是，这里只有一个两参数的版本，bind 仍然报错了，这是够懒的。另外有些网上的文章说 (附录 4)，bind 会挑选重载函数中第一个声明的版本，如果通过就通过，如果不通过就报错。...使用boost::bind和重载函数的访客模式 [6]. std::bind 和成员函数中的重载函数 [7]. C++类重载函数的function和bind使用 [8]. C++ 闭包探秘

1.8K5 0

网络函数bind源码分析

，见socket函数源码分析的视图 if (!...(sock, (struct sockaddr *)address, addrlen)) < 0) { return(i); } return(0); } ``` 可见bind函数是直接调用底层...af_inet.c的inet_bind ```c // 给socket绑定一个地址 static int inet_bind(struct socket *sock, struct sockaddr *...-FB */ // 被监听的端口不能同时被使用 if (!...函数主要做的事情是判断一下端口和ip和可用性，然后把sock结构体挂载到协议对应的sock_array哈希列表中。

8540 0

点击加载更多

手写JS函数的call、apply、bind

手写JS函数的call、apply、bind

js原生函数之call和apply，bind

js的bind函数那些你可能没想过的点

一起手写JS函数的call、apply、bind

说下js中的bind

手写js中的bind

bind（）函数是干啥的？

JS 的 call apply bind 方法

参数绑定---bind函数

apply、call、bind函数的区别

JS 手写： call、apply、bind

JS中call apply bind的用法

解析js中的call、apply、bind

JS手撕(四) call、apply、bind、柯里化、偏函数

Vue.js的bind报错解决

JS中的bind、apply、call的理解

js的this、call、apply、bind、继承、原型链

boost::bind 不能处理函数重载 (error: no matching function for call to bind)

网络函数bind源码分析

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐