【ES6基础】let、const命令和变量的结构赋值

ES5声明变量(2):var 、function

ES6声明变量(6):var、function、let、const、import和class

1、let命令和const命令

(1)let和const都不存在变量提升,都是快作用域【ES6】(立马执行),const定义的常量不能被修改

(2)暂时性死区:在代码块内,使用let/const命令声明变量之前,该变量都是不可用的.

(3)let,const不允许在相同作用域中重复声明

(4)块作用域中,允许声明函数(只在使用大括号的情况下),该函数行为类似let,在块作用域之外不可引用

2、import命令和export命令

import导入模块,export导出模块

// 全部导入
import people from './example' // 将整个模块当作单一对象进行导入,该模块的所有导出都会作为对象的属性存在
import * as example from "./example.js"
console.log(example.name)
console.log(example.getName()) // 导入部分,引入非 default 时,使用花括号
import {name, age} from './example' // 导出默认, 有且只有一个默认
export default App // 部分导出
export class App extend Component {};  

3、变量解构

规则:只要等号右边的值不是对象或数组,就先将其转为对象

(1)默认值(只有当一个数组成员严格等于undefined,默认值才会生效)

(2)圆括号(可以使用圆括号的情况只有一种:赋值语句的非模式部分,可以使用圆括号。)

以上参考资料

博客园:https://www.cnblogs.com/fangsmile/p/7081194.html

《ECMAScript 6 入门》:http://es6.ruanyifeng.com/?search=import&x=0&y=0

上一篇:ES6之新增const命令使用方法


下一篇:es6 新增变量声明方式