function.prototype.bind的实现

最新推荐文章于 2020-03-26 11:47:46 发布

rhz_blog

最新推荐文章于 2020-03-26 11:47:46 发布

阅读量269

点赞数

文章标签： Function.prototype.testBind的实现

本文介绍了一种在JavaScript中自定义函数原型bind方法的实现方式，并通过一个具体示例展示了如何将函数上下文绑定到特定对象上。此方法能够帮助开发者更好地控制函数执行时的this指向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Function.prototype.testBind = function (scope) {

var fn = this; // this 指向的是调用testBind方法的一个函数

return function () { return fn.apply(scope, arguments);

}};

例子：

var foo = {x: "Foo "};var bar = function (str) { console.log(this.x+(arguments.length===0?'':str));};bar(); // undefinedvar testBindBar = bar.testBind(foo); // 绑定 footestBindBar("Bar!");

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

rhz_blog

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【JavaScript】Function.prototype.bind实现原理

汪小穆的博客

10-19

1686

前言：ECMAscript5中的bind()是ES6中箭头函数绑定this的基础。它是的实现原理是怎样的呢？

Function原型上的方法-bind()实现原理（Function.prototype.bind）

pony的博客

01-29

1376

//=>JS中把基于闭包预先处理事情的思想叫做：柯理化函数思想（体现了闭包的保存作用） Function.prototype.myBind = function myBind(context) { //=>this:fn也就是我们需要处理的函数 var _this = this, outerAry = [].slice.call(arguments, 1);//=>

参与评论您还未登录，请先登录后发表或查看评论

Function.prototype.bind的实现

qq_22091941的博客

11-26

245

Function.prototype.bind = function() { var self = this, content = [].shift.call( arguments ), //需要绑定的this上下文 args = [].slice.call( arguments ); //剩余的参数转成数组 return fu...

javascript Function.prototype.bind()的模拟实现

JSzilla

11-19

641

前言 Javascript提供的内置函数Function.prototype.call(),Function.prototype.apply(),Function.prototype.bind()允许我们显示的绑定函数执行时的this，其原理使用了元编程技术，这种技术的背后是JS引擎根据变量，函数，对象的内置属性和元属性来决定执行方式。而模拟实现只是近似模拟与内置函数相同的行为，但远没有内置函数...

Function.prototype.bind、call与apply方法简介

weixin_30615767的博客

08-31

193

前言前段时间面试遇见一题，题目内容大概是 function Parent() { this.prop = 'parent'; } Parent.prototype.get = function() { alert(this.prop); }; Parent.prototype.show = function() { setTimeout(t...

手动实现一个Function.prototype.bind

weixin_34293246的博客

08-08

127

仅做记录： Function.prototype.bind = function(obj) { let args = ([]).slice.call(arguments) let self = this; let fun = function () { let inArg = arguments; let allArgs = []; ...

深入理解JS中的Function.prototype.bind()方法

11-22

但是当你意识到你需要一个解决方案来解决如何在另一个函数中保持this上下文的时候，你真正需要的其实就是 Function.prototype.bind() ，只是你有可能仍然没有意识到这点。第一次遇到这个问题的时候，你可能倾向于将...

理解javascript中的Function.prototype.bind的方法

10-20

### Function.prototype.bind 方法 #### 1. Function.prototype.bind 方法概念 Function.prototype.bind() 是 JavaScript 中的一个方法，用于创建一个新的函数，该函数将被绑定到指定的 this 上，以及初始参数传递...

Function.prototype.apply()与Function.prototype.call()小结

10-22

Function.prototype.bind = function(context) { var self = this; return function() { return self.apply(context, arguments); }; }; var obj = { name: 'cxs' }; var func = function() { console.log...

Function.prototype.bind用法示例

09-05

想必大家对Function.prototype.bind并不陌生吧，下面为大家介绍下它的简单调用及DOM调用，感兴趣的朋友可以参考下

Function.prototype.bind 实现原理

前端大菜鸟的博客

03-26

407

Function.prototype.bind 方法说明作用同call和apply一样，在指定对象上执行指定方法，不同点在于： 1、bind返回的是一个可执行函数 2、通过bind实现偏函数源码关键点在于 1、闭包：缓存bind方法的参数（上下文对象和参数列表） 2、返回可执行函数 3、可执行函数的内部通过apply方法实现对象和方法的绑定 4、偏函数的关键在于闭包（缓存bind方法的参...

Function.prototype.bind方法的实现原理

shangsiqi1的博客

11-29

347

Function.prototype.bind = Function.prototype.bind || function(context) { var me = this; var args = Array.prototype.slice.call(arguments, 1); return function() { ...

11.JavaScript深入之bind的模拟实现

Lucky Star的博客

06-07

6248

bind 一句话介绍 bind: bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN ) 由此我们可以首先得出 bind 函数的两个特点：返回一个函数可以传入参数返回函数的模拟实现从第一个特点开始，我们举个例子： va

JavaScript中的prototype.bind()方法介绍

orichisonic的专栏

02-06

1306

以前，你可能会直接设置self=this或者that=this等等，这样做当然也能起作用，但是使用Function.prototype.bind()会更好，看上去也更专业。下面举个简单的例子：复制代码代码如下: var myObj = { specialFunction: function () { }, anotherSpecialFu

搞懂JavaScript的Function.prototype.bind[译]

weixin_34348805的博客

03-19

158

搞懂JavaScript的Function.prototype.bind[译] Ben Howdle binding可能是初学Javascript的人最不关心的函数，当你意识到需要『保持this在其他函数中的上下文』，实际上你需要的是Function.prototype.bind()。你第一次碰到问题的时候，你可能倾向于把this赋值给...

bind源码解析

weixin_30807779的博客

07-23

434

if (!Function.prototype.bind) { Function.prototype.bind = function(oThis) { if (typeof this !== 'function') { // closest thing possible to the ECMAScript 5 // internal IsCallab...

理解javascript中的Function.prototype.bind

weixin_33798152的博客

02-02

167

　　　在初学Javascript时，我们也许不需要担心函数绑定的问题，但是当我们需要在另一个函数中保持上下文对象this时，就会遇到相应的问题了，我见过很多人处理这种问题都是先将this赋值给一个变量（比如self、_this、that等），尤其是var that = this是我见的最多的，这样当你改变环境之后就可以使用它。这些都是可以的，但是还有一种更好的、更专有的方法，那就是使用Func...

解读Javascript中的Function.prototype.bind

weixin_30611509的博客

05-04

136

首先贴上MSDN上标准的Polyfill: 1 if (!Function.prototype.bind) { 2 Function.prototype.bind = function(oThis) { 3 if (typeof this !== 'function') { 4 // closest thing possible to the ECMAS...

实现Function.prototype.bind功能的bind-append库介绍

然而，bind方法在实现上会修改Function.prototype，这可能会引起一些问题，比如污染全局原型，或者与现有库函数冲突。为了解决这些问题，开发者们设计了不依赖Function.prototype的方法，如本资源标题中的"bind-...