函数的5种声明
1.具名函数
function f(x,y){
return x+y;
}
f.name // 'f'
console.log() 无论打印什么都返回undefined,打印什么跟返回什么无关。
2.匿名函数
var f;
f = function(x,y){
return x+y
}
f.name // 'f'
3.具名函数赋值()
var f;
f = function f2(x,y){ return x+y }
f.name // 'f2'
*console.log(f2) //由于不一致性,显示undefined
4.window.Function
var f = new Function('x','y','return x+y')
f.name // "anonymous"
5.箭头函数(非正式命名)
var f = (x,y) => {
return x+y
}
var sum = (x,y) => x+y//只有一个return时,可以同时省去{}和return
var n2 = n => n*n//参数只有一个时,可以省去()
函数的name属性
每个函数都有一个name属性,参见上述代码。
特例
函数的本质
函数 : 可以执行代码的对象
函数调用写法:
- f()
- f.call(undefined,参数,参数...)
call与arguments
f.call(undefined,参数1,参数2...)
1.上述代码中undefined即为this,参数即为arguments。
2.call方法中第一个参数可以用this得到。
3.call方法中第二个及以后的参数可以用arguments得到。
4.普通模式下,如果this是undefined,打印出来的是window;严格模式下则打印出相应的this值。
function f(){
'use strict'
console.log(this)
console.log(arguments)
return undefined
}
f.call(1,2,3) // this 为 1,arguments 为 [1,2,3],arguments是伪数组
作用域
定义:只要有一个函数,就有一个作用域。
函数作用范围中,变量不在子函数作用范围内时(即子函数未声明此变量),则向其父函数中寻找;若父函数中也未声明,则将此变量声明为全局变量并赋值。
面试题1:求红色箭头输出值
答案:undefined
上述代码等价于下述代码:变量提升
面试题2:求红色箭头输出值
答案:1
解析:a=2只作用于f1范围内,变量a要么在f4范围内,要么在其父函数范围内;f4内没有声明变量a,择其父函数——在本题中是全局变量。
面试题2:在横线处填写代码使其输出2
答案:a=2
解析:有a=2时,则输出2;无a=2时,则输出1
注:函数作用域只规定了是哪个变量,并未规定变量的取值。
面试题3:点击红线处时输出值
答案:6
解析:
变量提升后初始值是0,for循环结束后i=6。
注:鼠标点击红线处时,for循环已结束。