浅谈JS中的bind()

1.语法：

function.bind(thisArg[,arg1[,arg2[, ...]]])

• thisArg：调用绑定函数时作为 this 参数传递给目标函数的值。 如果使用new运算符构造绑定函数，则忽略该值。当使用 bind 在 setTimeout 中创建一个函数（作为回调提供）时，作为 thisArg 传递的任何原始值都将转换为 object。如果 bind 函数的参数列表为空，或者thisArg是null或undefined，执行作用域的 this 将被视为新函数的 thisArg。

• arg1, arg2, ...：当目标函数被调用时，被预置入绑定函数的参数列表中的参数。

• 返回值：返回一个原函数的拷贝，并拥有指定的this值和初始参数。

2.实例：

<script>
        //这是一个函数
        function hello(name) {
            //this:执行上下文，程序的运行环境
            //this当前是window，全局
            this.name=name;
            console.log(this.name);
        }
        hello("天才上单");

        //bind()可以改变函数中的this指向

        //这是一个对象
        const obj={
            name :"天鹏下凡",
        };

        //bind()只绑定不执行
         let f1=hello.bind(obj,"那就这样吧！");
         console.log(f1());
 </script>

3.输出

天才上单    
那就这样吧！
undefined

推荐：《2021年js面试题及答案（大汇总）》

以上就是浅谈JS中的bind()的详细内容，更多请关注模板之家(www.mb5.com.cn)其它相关文章！