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

Question

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解答！在此谢过！

Answer 1

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

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