es6常用语法.pdf

es6常用语法

ES6是JavaScript的第六版，提供了许多新功能和语法，使

JavaScript更加强大和易于使用。以下是ES6中常用的语法：

1.let和const声明

ES6引入了let和const声明，它们都可以用于定义变量。其中，

let用于定义可修改的变量，而const定义的变量是不可修改的常量。

示例代码：

```

letnum=10;

num=20;

console.log(num);//输出20

constpi=3.1415926;

pi=3;//报错：常量不可修改

```

2.箭头函数

ES6中的箭头函数是一种新的函数声明方式。它使用“=>”符号

定义函数，这使得代码更加简洁和易于阅读。

示例代码：
```

//传统函数

functionhello(name){

console.log('Hello,'+name);

}

hello('John');//输出：Hello,John

//箭头函数

consthello=(name)=>{

console.log('Hello,'+name);

}

hello('John');//输出：Hello,John

```

3.模板字符串

ES6引入了模板字符串，使得字符串拼接更加简单和直观。模
板字符串使用反引号(``)来声明，可以在字符串内部直接使用变量

和表达式。

示例代码：

```
constname='John';

constage=25;

//传统字符串拼接

constinfo='Mynameis'+name+',andIam'+age+'yearsold.';

console.log(info);//输出：MynameisJohn,andIam25yearsold.

//模板字符串

constinfo=`Mynameis${name},andIam${age}yearsold.`;

console.log(info);//输出：MynameisJohn,andIam25yearsold.

```

4.解构赋值

解构赋值是一种新的赋值语法，可以将数组或对象中的值解构

为单独的变量。这使得代码更加简洁和易于理解。

示例代码：

```

//数组解构赋值

const[a,b,c]=[1,2,3];

console.log(a);//输出1
console.log(b);//输出2

console.log(c);//输出3

//对象解构赋值

constperson={name:'John',age:25};

const{name,age}=person;

console.log(name);//输出'John'

console.log(age);//输出25

```

5.展开运算符

展开运算符是一种新的语法，可以将数组或对象展开为单独的

元素。这使得代码更加灵活和易于处理。

示例代码：

```

//数组展开运算符

constarray1=[1,2,3];

constarray2=[4,5,6];

constarray3=[...array1,...array2];
console.log(array3);//输出[1,2,3,4,5,6]

//对象展开运算符

constperson={name:'John',age:25};

constpersonWithJob={...person,job:'Developer'};

console.log(personWithJob);//输出{name:'John',age:25,job:

'Developer'}

```

6.Promise

Promise是一种新的异步编程模型，允许处理异步代码并处理
成功或失败的结果。Promise有三种状态：pending（等待中）、

fulfilled（已成功）、rejected（已失败）。

示例代码：

```

constpromise=newPromise((resolve,reject)=>{

setTimeout(()=>{

constnum=Math.random();

if(num>0.5){

resolve(num);
}else{

reject('Numberislessthan0.5');

}

},1000);

});

promise.then((result)=>{

console.log('Success:'+result);

}).catch((error)=>{

console.log('Error:'+error);

});

```

7.类和继承

ES6引入了类