JS函数概览（一）

函数是对象

定义一个函数

具名函数

function 函数名(形式参数1, 形式参数2){
  语句
  return 返回值
}

匿名函数

上面的具名函数，去掉函数名就是匿名函数,也叫函数表达式.

let a = function(x, y){ return x+y }

箭头函数

let f1 = x => x*x 
let f2 = (x,y) => x+y // 圆括号不能省
let f3 = (x,y) => {return x+y} // 花括号不能省
let f4 = (x,y) => ({name:x, age: y}) 

直接返回对象会出错，需要加个圆括号

用构造函数

let f = new Function('x', 'y', 'return x+y')

• 基本没人用，但是能让你知道函数是谁构造的
• 所有函数都是 Function 构造出来的
• 包括 Object、Array、Function 也是

函数自身 V.S. 函数调用

函数自身

let fn = () => console.log('hi')
fn

结果:
不会有任何结果，因为 fn 没有执行

函数调用

let fn = () => console.log('hi')
fn()

结果: 打印出 hi，有圆括号才是调用

再进一步

let fn = () => console.log('hi')
let fn2 = fn
fn2()

结果

• fn 保存了匿名函数的地址
• 这个地址被复制给了 fn2
• fn2() 调用了匿名函数
• fn 和 fn2 都是匿名函数的引用而已
• 真正的函数既不是 fn 也不是 fn2

函数的要素

每个函数都有：调用时机、作用域、闭包、形式参数、返回值、调用栈、函数提升、arguments（除了箭头函数）、this（除了箭头函数）

调用时机

要看f(n)在什么时候调用就在什么时候执行。
而setTimeout()要在最后执行，如链接

作用域

全局变量和局部变量

• 在顶级作用域声明的变量是全局变量
• window 的属性是全局变量
• 其他都是局部变量

函数可嵌套，作用域也可嵌套

作用域规则

如果多个作用域有同名变量 a

• 那么查找 a 的声明时，就向上取最近的作用域
• 简称「就近原则」
• 查找 a 的过程与函数执行无关
• 但 a 的值与函数执行有关

闭包

如果一个函数用到了外部的变量，那么这个函数加这个变量，就叫做闭包，下面的 a 和 f3 组成了闭包。

形式参数

形式参数的意思就是非实际参数

function add(x, y){
  return x+y
}

// 其中 x 和 y 就是形参，因为并不是实际的参数
add(1,2)
// 调用 add 时，1 和 2 是实际参数，会被赋值给 x y

形参可认为是变量声明

// 上面代码近似等价于下面代码

function add(){
  var x = arguments[0]
  var y = arguments[1]
  return x+y
}