ES6 + react

心已赠人 2023-07-21 05:52 23阅读 0赞

## 一、ES6 ##

**1. 了解ES6**  
ES6，是ECMAScript6的简称，javascript语言的下一代标准，它的目标是使JavaScript语言可以用于编写复杂的大型应用程序，成为企业级的开发语言。

**1.1 什么是ECMAScript？**  
ECMA（欧洲计算机制造商协会）以JavaScript为基础，制定了ECMAScript标准规范。

**1.2 ECMAScript的快速发展**

**2. let 和 const 命令**

*let*  
let所声明的变量，只在let命令所在的代码块内有效。（局部变量）

*const*  
const声明的变量是常量，不能被修改，类似于java中final关键字  
**3.字符串扩展**  
ES6中，为字符串扩展了几个新的API：

*  includes() :返回布尔值，表示是否找到了参数字符串。
 *  startsWith() : 返回布尔值，表示参数字符串是否在源字符串的头部。
 *  endsWith() : 返回布尔值，表示参数字符串是否在原字符串的尾部。

**字符串模板**  
ES6中提供了 \` 来作为字符串模板标记  
在 \`\`之间的都是字符串的内容，不管有没有换行

**3.解构表达式**  
ES6中允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构（Destructuring）

**3.1 数组解构**

**3.2对象解构**

**4.函数优化**

**4.1函数参数默认值**  
*1*

*2*

*3*

*4*

**4.2箭头函数**

let print = a => console.log(a);
    
    let sum = (a,b) => console.log(a + b);

还没有评论，来说两句吧...