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