1. 函数的5种声明
- 具名函数
function f(x,y){
return x+y
}
f.name // 'f'
- 匿名函数
var f
f = function(x,y){
return x+y
}
f.name // 'f'
- 具名函数赋值
var f
f = function f2(x,y){ return x+y }
f.name // 'f2'
console.log(f2) // undefined
- window.Function(全局函数)
var f = new Function('x','y','return x+y')
f.name // "anonymous"
- 箭头函数
var f = (x,y) => {
return x+y
}
var sum = (x,y) => x+y
var n2 = n => n*n
2. 如何调用函数 f.call
f.call(asThis, input1,input2)
其中 asThis 会被当做 this,[input1,input2] 会被当做 arguments
禁止使用 f(input1, input2),因为学会 .call 才能理解 this
3. this 和 arguments
第一个参数是 this,后面参数组成一个伪数组arguments
- strict模式
function f(){
'use strict'
console.log(this)
}
f.call() //没有给this传值,打印undefined
- 普通模式
function f(){
console.log(this)
}
f.call()// 没有给this传值,打印window
4. 作用域
确定变量作用域:
- 先在离自己最近的作用域找声明(就近原则)(函数的最初作用域在声明语句而不是调用语句)
- 在爸爸范围找声明
- 都没有那就是全局变量
面试题:
拿到代码直接做——必然会错。请先提升声明
var a = 1
function f1(){
alert(a) // 是多少
var a = 2
}
f1.call()// undefined
var a = 1
function f1(){
var a = 2
f2.call()
}
function f2(){
console.log(a) // 是多少
}
f1.call()// 1
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,变量还那个变量,但是里面的值会改变
}
5. 闭包
如果一个函数,使用了它范围外的变量,这个函数加上这个变量就叫做闭包