js bind函数

最新推荐文章于 2022-01-16 12:15:19 发布
最新推荐文章于 2022-01-16 12:15:19 发布
阅读量132 收藏
点赞数
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinxin_zhu/article/details/105069937
版权 
<html>

<head>
    <title>手写bind函数</title>
    <meta charset="utf-8">
    <style>

    </style>
</head>

<body>
    返回一个函数

</body>

</html>
<script src="../js/jquery.min.js"></script>
<script>

    Function.prototype.bind1 = function () {
        //arguments是列表  把列表拆解为数组
        const args = Array.prototype.slice.call(arguments);
        //获取 this 数组第一项(去除第一项)
        const t = args.shift();
        //fn1.bind(...) 中的fn1
        const self = this;
        //返回一个函数
        return function () {
            return self.apply(t, args)
        }
    }


    function fn1(a, b, c) {
        console.log('this' + this);
        console.log(a + " " + b + " " + c)
        return "this is fn1"
    }
    const fn2 = fn1.bind1({ x: 2 }, 10, 20, 30) //bind 函数 bind 可以改变this 的指向
    fn2()
    console.log(fn2())


    console.log(fn1.hasOwnProperty('bind')) //false
    console.log(Function.hasOwnProperty('bind')) //false
    console.log(Function.prototype.bind) //f bind()
    console.log(fn1.__proto__ === Function.prototype)//true

</script>

 

xinxin_zhu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中的bind()方法
weixin_39214481的博客
11-02 3771
Function.prototype.bind()方法 bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值，例如，f.bind(obj)，实际上可以理解为obj.f()，这时，f函数体内的this自然指向的是obj 例子 var a = {     b : function(){         var...
js原生函数bind
chelen_jak的专栏
11-26 1576
转自：http://blog.csdn.net/lidiansheng/article/details/8763644 [javascript] view plaincopy 在javascript中，函数总是在一个特殊的上下文执行（称为执行上下文），如果你将一个对象的函数赋值给另外一个变量的话，这个函数的执行上下文就变为这个变量的上下文了。下面的一个例子能
js中自己实现bind函数的方式
纯爱枫若情的博客
05-04 1万+
前言 最近由于工作比较忙，好久都没时间静下心来研究一些东西了。今天在研究 call 和 apply 的区别的时候，看到 github 上面的一篇文章，看完以后，感觉启发很大。 文章链接为 https://github.com/lin-xin/blog/issues/7 ，有兴趣的童鞋可以前往学习一下。 但是我主要想写的并不是我今天学习了这篇博文，那样也就太没有技术含量了对吧。 bind...
JavaScript-bind()与函数绑定
柒青衿的博客
02-20 3102
bind()与函数绑定 函数绑定是可以优化JS性能的一种高级技巧。说到函数绑定，就必然提高bind()函数。首先看下官网对于bind()的介绍： bind方法会创建一个新函数,称为绑定函数.当调用这个绑定函数时,绑定函数会以创建它时传入bind方法的第一个参数作为this,传入bind方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数. 使用bin
JavaScript中的bind函数（浅谈）
路漫漫其修远兮，吾将上下而求索
04-13 385
看别人的项目时遇到bind函数，看不懂，回头补了一下，作出以下比较浅显的总结，个人觉得官网上的陈述有点绕，一开始看不懂，后来发现相当精辟。 官网介绍: bind方法会创建一个新函数，称为绑定函数。当调用这个绑定函数时，绑定函数会以创建它时传入bind方法的第一个参数作为this，传入bind方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。 个人...
javascript bind绑定函数代码
10-29
bind函数，顾名思义，用于为调用函数绑定一个作用域，因为this很容易跟丢它原来所在的作用域，直接指向顶层的window对象。
javascript中bind函数的作用实例介绍
10-25
bind()的方法在ie,6,7,8中不适用，需要扩展通过扩展Function prototype可以实现此方法，下面为大家介绍下javascript中bind函数的作用
关于原生js中bind函数的简单实现
10-21
下面小编就为大家带来一篇关于原生js中bind函数的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js bind 函数 使用闭包保存执行上下文
12-10
代码如下: window.name = “the window object” function scopeTest() { return this.name; } // calling the function in global scope: scopeTest() // -> “the window object” var foo = { name: “the foo ...
【JS中bind函数详解，实例代码分析】
Linxuejie_1030的博客
01-16 1020
JavaScript中bind()函数详解
JavaScript中bind函数的使用
编程界明世隐的博客
12-02 7015
bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值，当然这是绑定哦，不是像call、apply一样直接执行，apply要执行的话还得自己调用。 举个简单的例子 var me={ name:'我' } var friendA={ name:'朋友A', sendMsg:function(target,content){ console.log("【"+this.name+"】给【"+target+"】发送
js中bind()使用详情
热门推荐
qq_39148344的博客
05-13 3万+
前言 最近在在搞React的时候有用到bind()的时候，因为他的用法其实我还一直不是特别的清楚，所以今天我把bind()他的用法和我遇到的结合起来这样来写一个博客，这样应该可以加深自己的印象同时可以来跟好的来解析bind的使用方法 1.那么我们先来介绍一下bind() Function.prototype.bind() bind()方法主要就是将函数绑定到某个对象，bind()会创......
<body> 中的 JavaScript 函数
技术何
07-19 1945
中的 JavaScript 函数在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 部分。该函数会在点击按钮时被调用：实例My Web PageA ParagraphTry itfunction myFunction(){document.getElementById("demo").innerHTML="My First JavaScript Function";}
【JavaScript】bind函数是怎么实现的 手动实现bind函数
这道题我不会做...不会做啊..太难了！！
03-29 609
手动实现bind函数bind函数语法函数内的this指向原理分析 bind函数语法 bind() 方法会创建一个新函数，当这个新函数被调用时，它的 this 值是传递给 bind() 的第一个参数, 它的参数是 bind() 的其他参数和其原本的参数。 语法： fun.bind(thisArg[, arg1[, arg2[, ...]]]) thisArg 当绑定函数被调用时，该参数会作为原函数运行时的 this 指向。当使用 new 操作符调用绑定函数时，该参数无效。 arg1, arg2, … （可选
js实现bind函数效果
神以灵的博客
05-30 1264
今天面试被问了个bind函数实现问题，实现功能如下(可能是为了一些不能使用原生bind函数的场景，具体的支持情况可以到can i use查看)： // 实现mybind函数，输出'wang~' var Cat = { say: function() { console.log(this.content); }, content: 'mia...
bind函数_JS之bind函数原理、使用及模拟实现
weixin_39783633的博客
11-28 347
原理bind的函数式挂在Function的原型上的。bind方法与call&apply最大的不同就是前者返回一个绑定上下文的函数，而后者是直接执行了函数；bind方法返回的函数，可以继续添加参数。语法fun.bind(thisArg[, arg1[, arg2[, ...]]])特性可以指定this。返回一个新函数。可以传入参数。柯里化。使用场景个人理解：在函数内内部在不知道this指向谁...
JS中的bind方法与函数柯里化
y_xiao_的专栏
02-15 5126
绑定函数bind()最简单的用法是创建一个函数，使这个函数不论怎么调用都有同样的this值。
JS bind()方法、JS原生实现bind()
thlzjfefe的博客
11-09 903
JS bind()方法、JS原生实现bind() puxiaotaoc关注 12018.09.09 00:50:08字数 134阅读 29,413 一、arguments的含义 // arguments 是一个对应于传递给函数的参数的类数组对象 function a(){ console.log(arguments); } a(); // Arguments [c...
js自己实现一个 bind 函数
最新发布
06-08
好的，我可以为您介绍JS中bind函数的实现方法。 在JS中，bind函数是用来改变函数内部this的指向的，它会返回一个新的函数，这个新函数的this指向是我们指定的对象。 以下是一个简单的bind函数的实现示例： ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值