考查this指向
1、
let length=100
function f1(){
console.log(this.length)
}
let obj={
length:10,
f2:function(f1){
f1()
arguments[0]()
}
}
obj.f2(f1,1); //100 2
//分析arguments[0]形式
function f1() {
console.log(this)
}
let arr = [f1, 1, 2, 3]
arr[0]() //注意这里，数组调用函数就类似于对象调用函数 像:obj['f1']()，所以this指向该数组
分析：this指向分为以下几种情况
1、默认绑定 无调用者会指向window， 严格模式下指向undefined，node环境指向global；
2、隐式绑定 指向调用者；
3、显示绑定call apply bind(改变this指向)；
4、new方式
解析：显然f2函数是被obj对象调用的，所以f2中的this是指向obj的，f1函数作为参数传递到f2函数中被调用，前面并没有调用者，所以f1函数中的this指向window，所以会输出100；arguments是指传入的形参，承接代码中的分析，this应该指向的是arguments数组对象，故this.length就等于arguments.length,所以输出了2；
全局变量和局部变量同名时的坑
1、
var a=10
function test(){
console.log(a)
a=100;
console.log(this.a)
var a;
console.log(a)
}
test() //undefined 10 100
//这里可以进一步改造一下
var a=10
function test(){
console.log(a)
a=100;
console.log(this.a) //注意！！！这里this依然是指向window，但是因为a=100改变的是全局变量，
//this.a指向的也是全局变量a，所以会跟着全局变量发生改变，输出100；
//var a; 去掉这行代码 此时没有了变量提升，函数中的变量a都是使用的全局变量a
console.log(a)
}
test() //10 100 100
涉及知识点：
变量提升和预解析；
作用域；
解析：
函数中有用var声明的变量，所以变量a会被提升到函数作用域中的顶部，由于此时a只是声明并未进行复制操作所以第一行会打印undefined；
a=100此时的a变成了一个局部变量，所以this.a指向的是window下全局变量a，因此打印10；
因为前面局部变量a已经进行了赋值，所以最后打印出100
2、
var a=10;
function f1(){
var b=2*a
var a=20
var c=a+1
console.log(b)
console.log(c)
}
f1() //NaN 21
//执行过程相当于:
var b;
var a;
var c;
b=2*a;
a=20;
c=a+1;
console.log(b);
console.log(c);
//结果是不是一目了然了呢
这里注意一下2*undefined等于NaN
未完待续...
