js中的call

ahua2800

于 2019-02-28 15:50:00 发布

阅读量89

点赞数

原文链接：http://www.cnblogs.com/shiyunfront/p/10450896.html

版权

本文通过两个示例讲解了JavaScript中this关键字的使用及如何通过call方法改变其指向。首先展示了一个简单的颜色变化函数，并演示了不同上下文中this指向的变化。接着介绍了一个宠物发声的对象方法，展示了如何通过call方法改变this指向。

摘要由CSDN通过智能技术生成

//例1
    <script>
        window.color = 'red';
        document.color = 'yellow';

        var s1 = {color: 'blue' };
        function changeColor(){
            console.log(this.color);
        }

        changeColor.call();         //red (默认传递参数)
        changeColor.call(window);   //red
        changeColor.call(document); //yellow
        changeColor.call(this);     //red
        changeColor.call(s1);       //blue

    </script>

    //例2
    var Pet = {
        words : '...',
        speak : function (say) {
            console.log(say + ''+ this.words)
        }
    }
    Pet.speak('Speak'); // 结果：Speak...

    var Dog = {
        words:'Wang'
    }

    //将this的指向改变成了Dog
    Pet.speak.call(Dog, 'Speak'); //结果： SpeakWang

转载于:https://www.cnblogs.com/shiyunfront/p/10450896.html