js手写bind - 腾讯云开发者社区

文章/答案/技术大牛

发布

JS 手写： call、apply、bind

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

2.5K3 0

手写js中的bind

initial-scale=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

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

是的

没有找到

手写JS函数的call、apply、bind

之所以要写这篇，是因为曾经面试被要求在白纸上手写bind实现结果跟代码一样清晰明确，一阵懵逼，没写出来！下面，撸起袖子就是干！~ 把call、apply、bind一条龙都整一遍！...(arg1 + arg2)}const _this = { name: 'YIYING' }// 接受的是一个参数列表;方法立即执行fun.call(_this, 1, 2)// 输出：YIYING3手写实现...arg2)}const _this = { name: 'YIYING' }// 接受的是一个参数列表;方法立即执行fun.ownCall(_this, 1, 2)// 输出：YIYING3参考前端手写面试题详细解答...定义与使用Function.prototype.bind(): developer.mozilla.org/zh-CN/docs/…// Function.prototype.bind()样例function...(_this)newFun(1, 2)// 输出：YIYING3手写实现/** * 自定义bind实现 * @param context 上下文 * @returns {Function} */

1.7K3 0

手写JS函数的call、apply、bind

之所以要写这篇，是因为曾经面试被要求在白纸上手写bind实现结果跟代码一样清晰明确，一阵懵逼，没写出来！下面，撸起袖子就是干！~ 把call、apply、bind一条龙都整一遍！...(arg1 + arg2)}const _this = { name: 'YIYING' }// 接受的是一个参数列表;方法立即执行fun.call(_this, 1, 2)// 输出：YIYING3手写实现...+ arg2)}const _this = { name: 'YIYING' }// 参数为数组;方法立即执行fun.ownApply(_this, [1, 2])// 输出：YIYING3参考：前端手写面试题详细解答...bind定义与使用Function.prototype.bind(): developer.mozilla.org/zh-CN/docs/…// Function.prototype.bind()样例function...(_this)newFun(1, 2)// 输出：YIYING3手写实现/** * 自定义bind实现 * @param context 上下文 * @returns {Function} */

1.8K2 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

1K1 0

手写apply、call、bind

放假了就好好的休息哈，该玩的时候玩、该学的时候学，就对了~ 手写call Function.prototype.myCall = function(context){ if(typeof this...(1) context.fn = this; let result = context.fn(...args) delete context.fn; return result; } 手写...context.fn(...arguments[1]) }else{ result = context.fn() } delete context.fn return result } 手写...bind Function.prototype.myBind = function(context){ if(typeof this !...throw new Typeerror('Error') } const _this = this; const args = [...arguments].slice(1) // bind

6823 0

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

之所以要写这篇，是因为曾经面试被要求在白纸上手写bind实现结果跟代码一样清晰明确，一阵懵逼，没写出来！下面，撸起袖子就是干！~ 把call、apply、bind一条龙都整一遍！...(arg1 + arg2)}const _this = { name: 'YIYING' }// 接受的是一个参数列表;方法立即执行fun.call(_this, 1, 2)// 输出：YIYING3手写实现...console.log(arg1 + arg2)}const _this = { name: 'YIYING' }// 参数为数组;方法立即执行fun.apply(_this, [1, 2])// 输出：YIYING3手写实现...定义与使用Function.prototype.bind(): developer.mozilla.org/zh-CN/docs/…// Function.prototype.bind()样例function...(_this)newFun(1, 2)// 输出：YIYING3参考前端进阶面试题详细解答手写实现/** * 自定义bind实现 * @param context 上下文 * @returns

5323 0

JavaScript深入之手写call、apply、bind

context[fn](args) } else { result = context[fn] } delete context[fn] return result } 模拟实现bind...返回一个新函数新函数this指向bind的第一个参数其余参数作为新函数的参数传入 Function.prototype.myBind = function(context = window, ..

4711 0

手写call , apply , bind 方法的实现

(...args) delete context[key] return result } 相比较之前call 方法的实现唯一区别就是接收参数时候的不同, 因为第二个参数是一个数组 bind

4391 0

手写源码系列（一）——call、apply、bind

本文首发于知乎专栏——前端面试题汇总，大家可以通过文章底部的阅读原来来访问原文地址什么是手写源码平时面试时经常会遇到让手写一个已有方法的实现，其实面试官是想考察你对于JS底层逻辑是否熟悉，经常面试会出的会在下面...： call、apply、bind promise requireJS vue-router Array.prototype.indexOf() 回顾一下call、apply、bind的用法 function...var XYZ = { name: 'XYZ' } var say = sayHelloTo.bind(XYZ) say('ABC') //XYZ say hello to ABC....手写apply方法 Function.prototype.myApply = function(context, args) { // 判断是否是undefined和null if (typeof...bind方法 Function.prototype.myBind = function(context) { // 判断是否是undefined和null if (typeof context ==

2K1 0

JavaScript之手写call、apply、bind函数

手写call函数实现步骤：判断调用对象是否为函数，即使我们是定义在函数的原型上的，但是可能出现使用call等方式调用的情况判断传入上下文对象是否存在，如果不存在，则设置为window 处理传入的参数...//调用函数 result=context.fn(...args); //将属性删除 delete context.fn; return result; } 手写...}else{ result=context.fn() } //将属性删除 delete context.fn; return result; } 手写...bind函数实现步骤：判断调用对象是否为函数，即使我们是定义在函数的原型上的，但是可能出现使用call等方式调用的情况保存当前函数的引用，获取其余传入参数值创建一个函数返回函数内部使用apply

6886 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.7K1 0

JS 手写： instanceof

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

8653 0

JS 手写： Ajax

# 思路创建 XMLHttpRequest 实例发出 HTTP 请求服务器返回 XML 格式的字符串 JS 解析 XML 字符串随着历史推进，XML 已经被淘汰，取而代之的是 JSON # 版本

4.8K1 0

JS 手写： Promise

this.rejectedCallbacks = []; this.status = 'PENDING'; this.value = undefined; fn(this.resolve.bind...(this), this.reject.bind(this)); } resolve (value) { if (this.status === 'PENDING') {

2.5K4 0

JS 手写： new

创建一个对象类型，需要创建一个指定其名称和属性的函数；对象的属性可以指向其他对象，看下面的例子：当代码 new Foo(...) 执行时，会发生以下事情：

3K1 0

JS 的 call apply bind 方法

js的call apply bind 方法都很常见，目的都是为了改变某个方法的执行环境（context） call call([thisObj[,arg1[, arg2[, [,.argN]]]]]...bind(thisArg [, arg1 [, arg2, …]]); bind 也是改变某个方法的执行环境，区别也在于第二个参数(也是一个个的参数形式）和“返回值”的特性。　　...如 func.call(func1,var1,var2,var3) 对应的apply写法为：func.apply(func1,[var1,var2,var3]) 对应的bind写法为： func.bind...注1：但IE9（包括IE9)以上的才支持bind 所以，在不支持bind的浏览器上，我们需要模拟一下 Function.prototype.Bind = function(context){ var...(); obj.sayName.Bind(window,'Hello: ',' !')

2.4K3 0

JS 手写：节流 (throttle)

# 思路节流函数原理:规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效 # 场景拖拽固定时间内只执行一次，防止超高频...

7982 0

手写 js数组reduce

MDN 文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_...

1K2 0

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

return num1 + num2; } const obj = {}; getSum.apply(obj, [1, 2]); // this指向: obj return: 3 3. bind...() 语法： fun.bind(thisArg,[arg1,arg2,…]) fun: 表示一个函数 thisArg: this要指向的对象，如果是null 和 undefined，则指向window全局对象...特性： fun.bind(thisArg,arg1,arg2,…) 不会立即调用fun函数，会返回一个新的指定了this的函数； bind方法将一个函数的对象上下文从初始的上下文改变为由 thisArg...(obj, 1, 2); // 返回的是一个新的指定了this的函数 newFun(); // 3 4. call()、apply()和bind()的应用 1. call() call 常用来继承，因为...() 如果我们想改变某个函数内部的this指向，但又不需要立即调用该函数，此时用bind: 点击 let

1.7K3 0

点击加载更多

JS 手写： call、apply、bind

手写js中的bind

手写JS函数的call、apply、bind

手写JS函数的call、apply、bind

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

手写apply、call、bind

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

JavaScript深入之手写call、apply、bind

手写call , apply , bind 方法的实现

手写源码系列（一）——call、apply、bind

JavaScript之手写call、apply、bind函数

说下js中的bind

JS 手写： instanceof

JS 手写： Ajax

JS 手写： Promise

JS 手写： new

JS 的 call apply bind 方法

JS 手写：节流 (throttle)

手写 js数组reduce

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

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐