1. 五种声明方式
1.1 具名函数
function f(x,y) { return x+y }
f.name // 'f'
1.2.匿名函数
var f；
f = function(x,y){
return x+y
}
f.name // 'f'
1.3 具名函数赋值
var f；
f = function f2(x,y){ return x+y }
f.name // 'f2'
console.log(f2) // undefined
1.4 window.Function
var f = new Function('x','y','return x+y')
f.name // "anonymous"
1.5 箭头函数
var f = (x,y) => { return x+y}
var sum = (x,y) => x+y
var n2 = n => n*n
2. 函数的本质
函数：可以执行代码的对象就是函数。
函数调用：f.call(undefined,1,2)
从第二个开始传第一个参数
functionf(x,y){return x+y}
f.call(undefined,1,2) // 3
f.call(undefined,3,4) // 7
3. this 和 arguments
如何调用函数
f.call(asThis, input1,input2)
其中 asThis 会被当做 this，[input1,input2] 会被当做 arguments
禁止使用 f(input1, input2)，因为学会 .call 才能理解 this
function f(){
'use strict'
console.log(this)
console.log(arguments)
return undefined
}
f.call(1,2,3) // this 为 1，arguments 为 [2,3]
this: call 的第一个参数(undefined)
this.png
arguments：call 的后面的参数可以用arguments得到
4. Call Stack 和 递归
callStack1.png
call Stack2.png
5. 作用域 和 变量提升
作用域1.png
变量提升
变量提升1.png
作用域 与 变量提升的三大面试题
1 拿到题目，先变量提升
var a = 1;
function f1(){
alert(a) // 是多少
var a = 2
}
f1.call() //undefined
2
var a = 1;
function f1(){
var a = 2
f2.call()
};
function f2(){
console.log(a)
}
f1.call() //1
3
var liTags = document.querySelectorAll('li')
for(var i = 0; i<liTags.length; i++){
liTags[i].onclick = function(){
console.log(i) // 点击第3个 li 时，打印 2 还是打印 6？
}
} //6
