js bind函数

布满荆棘的人生 2021-08-27 13:20 399阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，399人围观）

还没有评论，来说两句吧...

相关阅读

相关 js高级-函数：call + bind + apply方法

第五章：函数进阶第一节：函数的定义方式方式一： new Function > 特点： > > 代码要写在字符串里面 > 执行速度较慢，不推荐

￡神魔★判官ぃ/ 2022年12月04日 07:37/ 0 赞/ 240 阅读

相关使用原生JS实现call()、aply()、bind() 函数

前提知识回顾：[call()、apply()、bind()函数之间的区别][call_apply_bind] 实现call()方法解题思路：首先我们要知道使用call

梦里梦外;/ 2022年11月06日 00:59/ 0 赞/ 156 阅读

相关 js中call()、apply()、bind()函数之间的区别

文章目录 call()函数 call()函数语法 call()函数的应用带参数的 call() 方法 apply()

小灰灰/ 2022年11月06日 00:55/ 0 赞/ 155 阅读

相关 JS 手写 bind( )

JS 手写 bind( ) <!DOCTYPE html> <html lang="en"> <head> <

太过爱你忘了你带给我的痛/ 2022年10月31日 12:23/ 0 赞/ 237 阅读

相关 Bind函数

Bind `Function.prototype.bind()` -------------------- <table> <thead> <tr>

待我称王封你为后i/ 2022年09月05日 12:37/ 0 赞/ 198 阅读

相关 JS中bind方法与函数柯里化

原生bind方法不同于jQuery中的bind方法只是简单的绑定事件函数，原生js中bind()方法略复杂，该方法上在ES5中被引入，大概就是IE9＋等现代浏览器都支持

男娘i/ 2022年07月15日 22:40/ 0 赞/ 217 阅读

相关 js原生函数bind

\[javascript\] [view plain][] [copy][view plain] 1. 在javascript中，函数总是在一个特殊的上下文执行（称为执行

àì夳堔傛蜴生んèń/ 2022年05月20日 06:39/ 0 赞/ 189 阅读

相关 js手写bind

首先解释一下bind： > bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前

布满荆棘的人生/ 2022年05月05日 14:58/ 0 赞/ 276 阅读

相关 js bind函数

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

布满荆棘的人生/ 2021年08月27日 13:20/ 0 赞/ 400 阅读

相关 js call、apply、bind

更改this指向 1、call和apply若不传参，效果是一样的 2、改变函数中this的指向为传入的对象等\ 3、call、apply修

超、凢脫俗/ 2021年07月24日 16:59/ 0 赞/ 533 阅读