函数总结

195 阅读2分钟

函数的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) //由于不一致性,打印报错

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循环已结束。