JS中函数的应用与ES6中对函数的扩展

JS中函数的应用与ES6中对函数的扩展

1. 函数

1.2 函数定义

1. 函数声明

function f(参数1){} 

2. 函数表达式

var f = functon(){}

1.3 作用域

在JS中，作用域分三类：全局作用域，局部作用域，函数内部会形成一个局部作用域（函数作用域），块级作用域（let{}）

1.4 参数传递

1. 基本数据类型的数据（值传递）

就是把栈区的数据copy一份给了形参，形参和实参是一个独立一个内存空间。改变形参，实参是没有影响。

2. 引用数据类型的数据（引用传递）

就是把栈栈区的地址copy一份给了形参，形参和实参同时指向堆区同一个内存空间。

---

通过形参改变堆区内存空间的数据，实参这个地址应对的数据也会发生改变。

3. 函数可以作为另一个函数的参数：

可以是函数声明，也可以是函数表达式

1.5 argument的应用

arguments

函数在传递参数过程中，复制一份给形参外，它会给arguments一份。

argument 只是函数内部属性，在函数外部不能访问

什么时候使用形参，什么时候使用arguments？

1. 当实参非常多时，可以使用arguments
2. 当实参有特殊含义时，需要有一个特殊的标识，就可以使用形参来标识

2. ES6中对函数的扩展

2.1 参数的默认值

• 当我们没有给形参传值时，使用默认值，如果给形参传值，使用我们传递的值。
• 传递赋值时，实参的第1个会赋给形参的第1个，依次向后…
• 如果实参个数多于形参个数，后面的实参忽略了。
• 如果形参个数多于实参个数，后面的形参的值是undefined

2.2 扩展运算符 …

扩展运算符： …

rest参数：…rest 在函数定义时的形参的位置写的… 代替arguments

function f(a,b,...abc){
    console.log(a)
    console.log(b)
    console.log(arguments)
    console.log(abc)
}
f(1,2,3,4)

2.3 箭头函数

箭头函数的特点：

1. 只有一个形参时，()可不写

let f = (a)=>{
    console.log(a)
}
//------------------------
let f = a=>{
    console.log(a)
}

2. 只有一个带return语句 {} 和 return 都可以不写

let f = (a)=>{
    return a;
}
//------------------------
let f = (a)=>a;

3. 只有一个不带return语句 {} 可以不写

let f = (a)=>{
   console.log(“ddd”)
}
//--------------------
let f = (a)=>console.log(“ddd”)

4. 如果返回对象，把{} 和 return 省掉的话，需要给这个对象加()

let f = ()=>{
    return {name:"wangcai"}
}
//------------------------
let f = ()=>({name:"wangcai"})

特别注意：

在箭头函数中没有argumetns，可以使用rest参数（…rest）
在箭头函数中没有this

2.4 执行上下文

全局代码，函数代码

局部代码

在函数里面的代码叫局部代码。

全局代码

默认进入的就是全局代码

1. 全局执行上下文，函数局部代码：

当执行全局代码时，产生一个全局执行上下文。
全局执行上下文只有一个。

当执行函数代码时，产生一个函数执行上下文。
每调用一次函数，都会产生一个函数的执行上下文件。函数执行上下文可以有N个。

2. 执行上下文栈：

全局执行上下文位于栈底，当调用一个函数，就产生一个局部地执行上下文，这个局部地执行上下文要压栈，当这个函数执行完，这个执行上下文就要出栈。

执行上下文的作用：
给全局代码或局部代码提供数据。数据包含变量和函数。

3. 执行上下文的组成

   • 全局执行上下文中组成如下：

     • 全局地变量和函数

   • 局部执行上下文中组成如下：

     • 本函数内部的变量，arguments，内部定义的函数
     • 父级函数的执行上下文

4. 为什么局部变量不能在外面访问（冲执行上下文的角度分析）