一题认识this和arguments

目录

第一次结果50分析

第二次结果4分析

---

 

var length=50;
function f1(){
    console.log(this.length); 
}
var obj={
    x:10,
    f2:function(f1){
        f1(); //第一次
        arguments[0]();//第二次
    }
}
obj.f2(f1,1,2,3)

//结果：50，4

第一次结果50分析

this指向原则：this指向默认为window(严格模式下除外)，当函数或对象被调用的时候，this隐式绑定调用者

什么是调用？下方obj2则为调用者，obj2调用了fun()

let x=2;
function f4(){
    console.log(this.x);
}

let obj2={
    x:1,
    fun:f4
}
obj2.fun();  //结果this.x是1

所以最上方f1()函数执行的时候，这个f1未被任何对象调用，所以this指向的是window，结果

为100

第二次结果4分析

首先arguments这个值，是获取的所存在函数中传入的参数

这里所存在于f2函数中，obj.f2调用的时候参数传入了(f1,1,2,3),获取的就是[f1,1,2,3]

这里arguments[0]就是，传入的第一个参数f1函数,arguments[0]()就是将f1函数声明执行f1函数，就是arguments调用f1函数，自然f1函数中的this就是arguments，arguments.length就是4