为什么这个函数里不管我把作用域参数改成什么都是弹出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了。