函数总结

函数的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属性，参见上述代码。
特例

name属性.png

函数的本质

函数 ： 可以执行代码的对象

对象原型链

函数调用写法：

1. f（）
2. 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：求红色箭头输出值

求作用域1.png
答案：undefined
上述代码等价于下述代码：变量提升
作用域解答.png

面试题2：求红色箭头输出值

函数作用域3.png

答案：1
解析：a=2只作用于f1范围内，变量a要么在f4范围内，要么在其父函数范围内；f4内没有声明变量a，择其父函数——在本题中是全局变量。

面试题2：在横线处填写代码使其输出2

作用域3
答案：a=2
解析：有a=2时，则输出2；无a=2时，则输出1
注：函数作用域只规定了是哪个变量，并未规定变量的取值。

面试题3：点击红线处时输出值

必错题.png

答案：6
解析：

面试题3.png
变量提升后初始值是0，for循环结束后i=6。
注：鼠标点击红线处时，for循环已结束。