javascript - 为什么这个函数里不管我把作用域参数改成什么都是弹出222？

问题描述

问 题

var bb=222;

    function sum(num1 , num2){
        return  bb ;
    }
    var obj = {
        bb:1111,
    color: function callsum(){
        var cc=sum.call(obj);
         //var cc=sum.call(this);
        console.log(cc);
                             }
             };
    aa.color();

本来想测试一下看sum.call里面的this是不是指向obj，
结果发现打印出的是222（指向window）
然后又把参数换成obj，结果还是222？真心搞不懂！
另外为什么call里的this指向的window?他不是在callsum里吗？
而callsum的执行坏境不是obj吗？
为什么会打印出222呢?
前端小白求dalao解答！在此谢过！

解决方案

首先这个对象里面方法的写法是不规范的：

var obj = {
    color: function callsum() {}//这个地方，应当是color: function() {}，这才是在对象中创建方法的规范写法。如果写成color: function callsum() {}，编译不会出错，但这个callsum其实就是这个color函数中的一个局部变量，是没有意义的。
}

然后，在JS的函数中，寻找一个变量是沿着作用域链向上寻找，对象中的这个a并不是声明的一个变量，而是obj上的一个属性，因此在obj内部的函数中直接调用a等同于寻找一个变量a，那么现在color函数的实现如下：

var a = 222;//来自color函数的调用在其内部没有找到变量a，通过作用域链的向上追溯找到这个a，是在全局声明的。
color: function() {
    //var a，并没有这个a,因此从作用域链向上寻找。
    return a;
}

而在obj中创建的a，实际上是obj的属性，属性的调用要通过对象，也就是obj.a，那么color使用了call方法后，使this指向了obj，因此要用this.a来调用这个obj内部的a属性。
所以改造函数：

function sum( sum1, sum2 ) {
    return this.a;
}

这样就能访问obj.a了。

这篇关于javascript - 为什么这个函数里不管我把作用域参数改成什么都是弹出222？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！