js bind 绑定this指向

本文转载自查看原文 2018-01-16 11:54 8913 this指向/ bind/ JavaScript

1、示例代码

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>bind函数绑定this指向</title>
    </head>

    <body>
        <script type="text/javascript"> window.color = "red"; var o = { color: "blue" }; function sayColor() { console.log(this.color); } sayColor(); //输出：red
            //绑定this指向 
            var objectSayColor = sayColor.bind(o); //this指向o
 objectSayColor(); //输出：blue
        </script>
    </body>

</html>

2、说明

sayColor() 调用 bind() 并传入对象 o ，创建了 o bjectSayColor() 函数。 object-SayColor() 函数的 this 值等于 o ，因此即使是在全局作用域中调用这个函数，也会看到 "blue" 。

3、与call、apply区别

bind与apply、call最大的区别就是：bind不会立即调用，其他两个会立即调用

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 JS-箭头函数及其this的指向和改变this指向（call apply bind）原生js：事件绑定（call，修改this指向） js修改this指向的三种方法(call,bind,apply) js中改变this指向的call、apply、bind 方法使用 js修改函数内部的this指向(bind,call,apply) js中call、apply、bind到底有什么区别？bind返回的方法还能修改this指向吗？ this指向与call,apply,bind 修改this指向（bind、call 和 apply） vue.js基础__v-bind 标签属性绑定 JavaScript 的 this 指向和绑定详解