ES6常用方法总结

ES6

1.1 简介

ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现

1.2 常用操作

9.1.1.1. let声明变量

• let声明变量
• 声明的变量有局部作用域
• 只能声明一次

let b = 3

9.1.1.2. const 声明常量（只读变量）

• 声明之后不允许改变
• 一但声明必须初始化，否则会报错

const PI = 3.14

9.1.1.3. 解构赋值

• 数组解构
• 对象解构

const user = {name1,age1}//数组
let { name, age } =  user//注意：解构的变量必须是user中的属性

9.1.1.4. 模板字符串

模板字符串相当于加强版的字符串，用反引号 `，除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。

• 多行字符串: `` 直接按照模式来的
• 字符串插入变量和表达式。变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。
• 字符串中调用函数

let info = `我的名字是${name},我的年纪是${age}`
let d = `自我介绍${f()}`

9.1.1.5. 声明对象简写&定义方法简写

• 就是直接赋进值

const person2 = {age, name}
sayHi(){console.log("Hi")}

9.1.1.6. 对象拓展运算符

• 拓展运算符 { ... } 用于取出参数对象所有可遍历属性然后拷贝到当前对象。

let personone = {...name1,...age1}

9.1.1.7. 箭头函数

• 箭头函数提供了一种更加简洁的函数书写方式。基本语法是：参数 => 函数体

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

var f2 = (a,b,c) => a+b+c