学习ES6的基本语法使用

let和const

• let将变量的作用域限制在块级域中；
• const声明创建一个常量。

模板字符串

函数的扩展

参数默认值

function show(a,b=7){ 
    return a+b;
}
console.log(show(5));//输出结果为12，没有传值给b，b默认值为7
console.log(show(5，10));//输出结果为15，此时b的值为10

箭头函数

a = ()=>100+2;console.log(a());//102
//等价于
function a(){
    return 100+2
}

箭头后的内容可以用{}括起来，多条语句时就可以用{}。

箭头函数里的this，始终指向函数定义时的对象。

输出结果

对象的扩展

Object.keys(obj) 获取obj的属性名。

Object.values(obj)获取obj的属性值。

Object.defineProperty(obj,'paramName',{value,writable,enumerable,configurable,set,get})

class

结构赋值

解构：ES6允许按照一定模式，从数组或对象中提取值，对变量进行赋值。

babel

npm init
npm install --save-dev babel-cli
npm install --save-dev babel-preset-es2015 //转码规则

.babelrc是babel的配置文件

{
    presets:[],//转码规则
    plugins:[] //插件
}

项目目录结构

val.js

package.json

.babelrc

转码

目录里生成build.js

模块

import导入；

export导出；

浏览器里不识别import export。

vue框架里大量使用了ES6语法，包括import、export。vue支持对Import、export的转换。