ES6----箭头函数

本是古典何须时尚 2024-04-06 09:21 81阅读 0赞

**目录**

基本语法是：

基本用法：

注意：

普通函数和箭头函数区别?

1.this指向问题

2.普通函数 arguments保存实际参数

3.箭头函数 rest参数保存实际参数

4.表现形式不同

--------------------

##  ##

## 基本语法是： ##

(参数) => {函数体}

## 基本用法： ##

let sayName=()=>{
    	console.log(this.name);
    	}
    
    等价于  
    let sayname=function(){
    console.log(this.name);
    }

### 注意： ###

1 有且只有一个参数时，小括号可以省略 。 当箭头函数没有参数或者有多个参数，要用小括号括起来。

2 当箭头函数函数体有多行语句，用 \{\} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 \{\} , 结果会自动返回。

3 当箭头函数要返回对象的时候，为了区分于代码块，要用 () 将对象包裹起来 。

let  person= (id,name) => ({id: id, name: name});
    person(6,"tom");  // {id: 6, name: "tom"}

4 箭头函数没有自己的this, 它的this是继承而来; 默认指向在定义它时所处的对象(宿主对象) 。

let name ='lili'  //在当前作用域定义的name
    let name=()=>{
    console.log(this.name)   //this指向当前模块 {}   当前模块并没有定义name
    }
    let obj={
    name,
    sayName(){
    return name    
    }
    };
    obj.sayName()(); //执行箭头函数
    
    //undefined

#### es5函数内部属性有this和arguments,箭头函数内arguments不再保存实参,如果想接受实参，可以使用rest参数 返回一个保存实参的数组 拓展运算符 ####

## 普通函数和箭头函数区别? ##

#### 1.this指向问题 ####

#### 2.普通函数 arguments保存实际参数 ####

#### 3.箭头函数 rest参数保存实际参数 ####

#### 4.表现形式不同 ####