js中bind（）_js中bind_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.6K2 0

说下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.2K1 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

2.9K3 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或

1.9K2 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...所以其实他们干的事从本质上讲都是一样的动态的改变this上下文,但是多少还是有一些差别的.. call、apply与bind的差别 call和apply改变了函数的this上下文后便执行该函数,而bind...67,5,7,6,-8,687);Math.min.apply(Math, arr);Math.min.call(Math, 34,5,3,6,54,6,-67,5,7,6,-8,687); 将伪数组转化为数组 js...中的伪数组(例如通过document.getElementsByTagName获取的元素)具有length属性，并且可以通过0、1、2…下标来访问其中的元素，但是没有Array中的push、pop等方法...中要往数组中添加元素，可以直接用push方法， 1234567 var arr1 = [1,2,3];var arr2 = [4,5,6];[].push.apply(arr1, arr2);// arr1

1.7K5 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...8,687); Math.min.apply(Math, arr); Math.min.call(Math, 34,5,3,6,54,6,-67,5,7,6,-8,687); 将伪数组转化为数组 js...中的伪数组(例如通过document.getElementsByTagName获取的元素)具有length属性，并且可以通过0、1、2…下标来访问其中的元素，但是没有Array中的push、pop等方法...Array.prototype.slice.call(arrayLike); 上面arr便是一个包含arrayLike元素的真正的数组啦( 注意数据结构必须是以数字为下标而且一定要有length属性 ) 数组追加在js...中要往数组中添加元素，可以直接用push方法， var arr1 = [1,2,3]; var arr2 = [4,5,6]; [].push.apply(arr1, arr2);

1.6K6 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！

9551 0

JS 手写： call、apply、bind

可以使用 call 来实现继承：写一个方法，然后让另外一个新的对象来继承它（而不是在新对象中再写一次这个方法）。...# 示例 # 使用 call 方法调用父构造函数在一个子构造函数中，可以通过调用父构造函数的 call 方法来实现继承，类似于 Java 中的写法。...# Try it bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。...当使用 bind 在 setTimeout 中创建一个函数（作为回调提供）时，作为 thisArg 传递的任何原始值都将转换为object。...当目标函数被调用时，被预置入绑定函数的参数列表中的参数。返回值返回一个原函数的拷贝，并拥有指定的 this 值和初始参数。

1.5K3 0

手写实现 js 中的bind,并实现 softBind

// bind会返回一个硬绑定的新函数，新函数会使用指定的第一个thisCtx去调用原始函数，并将其它参数传给原始函数。...); } let fb11 = f1.myBind({ a: 1 }, 10); let bindFn1 = new fb11(); // undefined 10 因为 new 调用优先级高于 bind...3 }, 10); fb33(); // 3,10 let fb66 = fb22.myBind({ a: 6 }, 10)(); // 2,10 // fb66(); // 2,10 // 结论：bind...方法链式调用，都以第一次bind绑定为准，所以叫硬绑定，原理为下一次调用bind的方法为上一个bind方法返回的闭包，已经将 context、args 存储好并固定返回了 // 参考链接：https...let fs11 = f1.softBind({ a: 1 }, 10); let softbindFn1 = new fs11(); // undefined 10 因为 new 调用优先级高于 bind

7551 0

js中this指向问题及call，apply，bind的区别

js中this指向问题及call，apply，bind的区别# 1 this指向# 1.1 what is 'this'?...# 在 ECMAScript 5 中，函数内部存在两个特殊的对象:arguments（一个类数组对象，包含调用函数时传入的所有参数）和 this（本文将要讲的）。...1.2 标准函数与箭头函数的this指向# this在标准函数与箭头函数中的时会有两种不同类型的指向行为。...1.2.1 标准函数的this指向# 在标准函数中，this 指向的是把函数当成方法调用的上下文对象。也就是说在哪里调用的这个函数，那这个this只会指向它外面最靠近它的对象。...可以向cally一样传参，例如: a.say.bind(b, '男', 'UNO')() // 但由于bind返回的仍然是一个函数，所以我们还可以在函数调用的时候再进行传参。

1.2K2 0

Js中的call vs apply vs bind及记忆方式

前言 js中的call(), apply()和bind()是Function.prototype下的方法，都是用于改变函数运行时上下文，最终的返回值是你调用的方法的返回值，若该方法没有返回值，则返回undefined...bind() bind()的作用与call()和apply()一样，都是可以改变函数运行时上下文，区别是call()和apply()在调用函数之后会立即执行，而bind()方法调用并改变函数运行时上下文后...用apply()模拟实现bind()： ?...(); 总结 call()、apply()和bind()都是用来改变函数执行时的上下文，可借助它们实现继承；call()和apply()唯一区别是参数不一样，call()是apply()的语法糖；bind...我是怎么记的 apply是a开头跟array的a开头一致，所以apply的参数是数组的，其余两个call 和 bind的参数就不需要记忆了，都是多参数类型。

1.5K4 0

JS 的 call apply bind 方法

js的call apply bind 方法都很常见，目的都是为了改变某个方法的执行环境（context） call call([thisObj[,arg1[, arg2[, [,.argN]]]]]...如果没设置严格模式 “use strict” 　当thisObj 不存在或为 undefined 或为 null 或为 this 时，则隐式地指向全局对象（在浏览器中即为 window）第二个参数是一个个值...self = this, // 获取到bind第二个参数（中的所有参数） args = Array.prototype.slice.call(arguments...self.apply(context,args); }; }; 注2： Function.prototype的apply和call是在1999年发布的ECMA262 Edition3中才加入的...在此前的的浏览器如IE5.01(JScript 5.0)中是没有apply和call的。因此也会带来一些兼容性问题。

1.6K3 0

js call()、apply()、bind()用法和区别

call 方法将一个函数的对象上下文从初始的上下文改变为由 thisArg 指定的新对象，如果没有提供 thisArg 参数，那么 Window对象被用作 thisArg；将arg1等参数传递进fun函数中，...； apply方法将一个函数的对象上下文从初始的上下文改变为由 thisArg 指定的新对象，如果没有提供 thisArg 参数，那么 Window对象被用作 thisArg；将数组传递进fun函数中，...特性： fun.bind(thisArg,arg1,arg2,…) 不会立即调用fun函数，会返回一个新的指定了this的函数； bind方法将一个函数的对象上下文从初始的上下文改变为由 thisArg...指定的新对象，如果没有提供 thisArg 参数，那么 Window对象被用作 thisArg；将arg1等参数传递进fun函数中。...获取数组中的最大值与最小值： const arr = [1, 4, 7, -1]; Math.max.apply(Math, arr); // 7 Math.min.apply(Math, arr);

1.1K3 0

手写JS函数的call、apply、bind

之所以要写这篇，是因为曾经面试被要求在白纸上手写bind实现结果跟代码一样清晰明确，一阵懵逼，没写出来！下面，撸起袖子就是干！~ 把call、apply、bind一条龙都整一遍！...定义与使用Function.prototype.bind(): developer.mozilla.org/zh-CN/docs/…// Function.prototype.bind()样例function...arg2) { console.log(this.name) console.log(arg1 + arg2)}const _this = { name: 'YIYING' }// 只变更fun中的...this指向，返回新function对象const newFun = fun.bind(_this)newFun(1, 2)// 输出：YIYING3手写实现/** * 自定义bind实现 * @param...arg2) { console.log(this.name) console.log(arg1 + arg2)}const _this = { name: 'YIYING' }// 只变更fun中的

1.2K2 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，把

2.8K1 0

手写JS函数的call、apply、bind

1.1K3 0

Javascript中的bind详解

先看一下bind是什么。从上面的React代码中，可以看出bind执行后是函数，并且每个函数都可以执行调用它。眼见为实，耳听为虚。...' console.log((function(){}).bind().length); // 0 由此可以得出结论2： 1、调用bind的函数中的this指向bind()函数的第一个参数。...另外前不久写过一篇文章：面试官问：能否模拟实现JS的new操作符。简单摘要： new做了什么： 1.创建了一个全新的对象。...3、es5-shim源码模拟实现bind时用Function实现了length。事实上，平时其实很少需要使用自己实现的投入到生成环境中。但面试官通过这个面试题能考察很多知识。...文章中的例子和测试代码放在github中bind模拟实现 github。bind模拟实现预览地址 F12看控制台输出，结合source面板查看效果更佳。

1.7K3 2

我攻克的技术难题：JS中改变this的指向：call()、apply()、bind()

3种动态指定普通函数中this的指向的方法：call（）、apply（）、bind（）在之前的学习中，我发现在学习了很多JS方法后，却没有真正的应用起来或者是理解什么时候需要使用这些方法，导致自己很快就遗忘自己所学过的知识...所以在以后的笔记中，我都会添加这些所学知识的应用场景。...目录⛳call（）⛳apply（）⛳bind（）总结⛳call（）语法 fun.apply(this.Arg, arg1, arg2, ...) this.Arg: 在fun函数运行时指定的this值arg1...(btn), 2000) //bind(btn) 等价于 bind(this) })总结call（）、apply（）、bind（）都可以改变函数内部的this指向，但是call...传递参数aru1，aru2...形式 apply传递参数arg形式bind区别于其他两种，不会调用函数我正在参与2024腾讯技术创作特训营第五期有奖征文，快来和我瓜分大奖！

3213 2

js笔记——call,apply,bind使用笔记

bind的使用 obj.bind(thisObj, arg1, arg2, ...); 把obj绑定到thisObj，这时候thisObj具备了obj的属性和方法。...与call和apply不同的是，bind绑定后不会立即执行。...同样是add()和sub()： add.bind(sub, 5, 3); //不再返回8 add.bind(sub, 5, 3)(); //8 如果bind的第一个参数是null或者undefined，

5752 0

js原生函数之call和apply，bind

js原生函数中的call和apply都不陌生，这两个方法的作用相似，接受两类参数。第一类是context（上下文），传入的参数作为执行函数的上下文，也是要传入的第一个参数。...说了call和apply，也是要介绍一下bind的。...bind方法用于明确指定调用 this 方法。在作用域方面，类似于 call 和 apply 。当你将一个对象绑定到一个函数的 this对象时，你就会用到 bind。...后来想到了bind，作为和call的对比也就加了进来，之前没想到bind除了thisArg外还可以继续接受其他参数，因为之前看别人写的bind方法模拟不是这样的，原来我看到的别人写的bind实现原理代码是这样的...想不到最终收获的是bind。

8900 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

手写js中的bind

说下js中的bind

JS中call apply bind的用法

解析js中的call、apply、bind

js中call、apply、bind那些事

js中call、apply、bind那些事

JS中的bind、apply、call的理解

JS 手写： call、apply、bind

手写实现 js 中的bind,并实现 softBind

js中this指向问题及call，apply，bind的区别

Js中的call vs apply vs bind及记忆方式

JS 的 call apply bind 方法

js call()、apply()、bind()用法和区别

手写JS函数的call、apply、bind

Vue.js的bind报错解决

手写JS函数的call、apply、bind

Javascript中的bind详解

我攻克的技术难题：JS中改变this的指向：call()、apply()、bind()

js笔记——call,apply,bind使用笔记

js原生函数之call和apply，bind

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐