bind的用法，以及如何实现bind的函数和需要注意的点

最新推荐文章于 2023-04-21 00:00:56 发布

小码哥・Martin

最新推荐文章于 2023-04-21 00:00:56 发布

阅读量381

点赞数

分类专栏： JavaScript 文章标签：前端

本文链接：https://blog.csdn.net/php_martin/article/details/125801964

版权

JavaScript 专栏收录该内容

108 篇文章 1 订阅

订阅专栏

bind的用法，以及如何实现bind的函数和需要注意的点

bind的作用与call和apply相同，区别是call和apply是立即调用函数，而bind是返回了一个函数，需要调用的时候再执行。一个简单的bind函数实现如下

Function.prototype.bind = function(ctx) {
    var fn = this;
    return function() {
        fn.apply(ctx, arguments);
    };
};

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小码哥・Martin

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
bind的用法，以及如何实现bind的函数和需要注意的点

bind的用法，以及如何实现bind的函数和需要注意的点。
复制链接

扫一扫

专栏目录

bind 函数的实现

独碟的博客

11-02

1651

实现bind函数之前，首先了解bind函数的特性：预置参数；改变原函数的this指向；返回一个函数；返回函数的返回值类型与原函数一致，即原函数有返回值，bind后的函数也要有返回值；返回的函数可以作为构造函数，且保留原函数的原型链；实现前4个特性很简单： Function.prototype.newBind = function (target) { const ...

jQuery使用bind函数实现绑定多个事件的方法

11-27

本文实例讲述了jQuery使用bind函数实现绑定多个事件的方法。分享给大家供大家参考，具体如下：在jQuery中绑定多个事件名称是，使用空格隔开，举例如下： $("#foo").bind("mouseenter mouseleave", function() { $...

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

如何实现一个 bind 函数

LuckXinXin的博客

07-29

402

对于实现以下几个函数，可以从几个方面思考不传入第一个参数，那么默认为 window 改变了 this 指向，让新的对象可以执行该函数。那么思路是否可以变成给新的对象添加一个函数，然后在执行完以后删除 Function.prototype.myBind = function (context) { if (typeof this !== 'function') { throw new TypeError('Error') } var _this = this var args =

bind函数的实现

龙丨行的博客

04-21

198

自定义路径

【JavaScript】bind函数是怎么实现的手动实现bind函数

这道题我不会做...不会做啊..太难了！！

03-29

647

手动实现bind函数bind函数语法函数内的this指向原理分析 bind函数语法 bind() 方法会创建一个新函数，当这个新函数被调用时，它的 this 值是传递给 bind() 的第一个参数, 它的参数是 bind() 的其他参数和其原本的参数。语法： fun.bind(thisArg[, arg1[, arg2[, ...]]]) thisArg 当绑定函数被调用时，该参数会作为原函数运行时的 this 指向。当使用 new 操作符调用绑定函数时，该参数无效。 arg1, arg2, … （可选

C++中使用function和bind绑定类成员函数的方法详解

01-19

定义一个普通的类 class Test1{ public: void fun(int val){ cout<<hello> pf = std::bind(&Test1::fun,t,2); pf(4);...如果我们想自定义参数，使用占位符，std::placeholders::_1，可以看

javascript中利用柯里化函数实现bind方法

10-22

通过文章中提供的自定义bind方法实现代码，我们可以更加深入地理解和掌握JavaScript中柯里化函数的应用以及bind方法的内部机制。这不仅对理解JavaScript的函数式编程风格有帮助，而且对于提高函数的灵活性和复用性也...

关于原生js中bind函数的简单实现

10-21

在JavaScript中，`bind`函数是一个非常重要的工具，它允许我们固定函数的上下文（即`this`关键字的值）以及预先设置函数的参数。在某些环境中，如旧版浏览器或不完全支持ES5的环境，可能需要手动实现`bind`函数。...

关于bind函数~

绝迹·危言的专栏

06-18

9693

MSDN中的bind int bind ( SOCKET s, const struct sockaddr FAR* name, int namelen );关注第二个参数The SOCKADDR structure varies depending on the pr

bind()用法

寻常的博客

10-25

1096

bind()方法创建一个新的函数，在bind()被调用时，这个新函数的this被指定为bind()的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 1、每隔一秒在控制台输出1-5 for (var i = 1; i <= 5; i++) { setTimeout(console.log.bind(null, i), i * 1000); } ...

bind函数的用法

qq_36963007的博客

03-08

3263

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。` function f(y, z){ return this.x + y + z; } var m = f.bind({x : 1}, 2); console.log(m(3)); //输出为6 var a = { b : function(){ var func = function(){

实现bind函数

onlyRose914的博客

01-09

883

Function.prototype.bind : 原生bind函数，改变函数运行时的作用域。支持参数:第一个为作用域，后面的为传递给运行函数的参数（可为空）。手写bind函数从最基本的函数开始： 1. 支持带参数的函数 var foo = { age: 17 } function getName(name) { console.log(name) return ...

bind 用法及简单实现原理

最新发布

06-08

`bind` 函数是在 `Function` 原型上定义的一个方法，它可以用来改变函数的 `this` 指向，并且可以在调用时传入部分参数。实现一个 `bind` 函数可以分为以下几个步骤： 1. 将要绑定的函数保存下来，这里我们可以使用 `this` 来获取当前的函数。 2. 将传入的参数转换为数组，保存在 `args` 变量中，这里我们可以使用 `Array.prototype.slice` 方法。 3. 返回一个匿名函数，在调用时会将 `args` 中保存的参数和调用时传入的参数合并成一个新的参数数组。 4. 在匿名函数内部使用 `apply` 方法调用原始的函数，并将 `context` 作为 `this` 指向。下面是一个更为详细的实现： ```javascript // 定义 bind 函数 Function.prototype.bind = function(context) { // 保存要绑定的函数 var fn = this; // 将传入的参数转换为数组，保存在 args 变量中 var args = Array.prototype.slice.call(arguments, 1); // 返回一个匿名函数 return function() { // 将调用时的参数转换为数组，保存在 bindArgs 变量中 var bindArgs = Array.prototype.slice.call(arguments); // 调用原始函数，并将 context 作为 this 指向，将 args 和 bindArgs 合并成一个新的参数数组传递给原始函数 return fn.apply(context, args.concat(bindArgs)); }; }; ``` 这里我们在 `Function` 原型上定义了一个 `bind` 方法，它接受一个 `context` 参数，表示要绑定的函数在调用时的 `this` 指向。然后通过 `Array.prototype.slice` 方法将传入的参数转换成数组，保存在 `args` 变量中。最后返回一个匿名函数，在调用时会将 `args` 中保存的参数和调用时传入的参数合并成一个新的参数数组，然后使用 `apply` 方法调用原始的函数，并将 `context` 作为 `this` 指向。