Vue.js源码中大量采用的ES6新特性介绍：模块、let、const

//---------lib.js-----------
/*
暴露三个接口给外界
*/
export const sqrt=Math.sqrt;
export function square(x){
  retrun x*x;
}
export function diag(x,y){
  return sqrt(Square(x)+Square(y));

//---------lib.js-----------
const sqrt=Math.sqrt;
 
function square(x){
  retrun x*x;
}
 
function diag(x,y){
  return sqrt(Square(x)+Square(y));
//通过export暴露接口的第二种语法，使用大括号指定要暴露的接口
export{sqrt,square,dig};

//---------lib.js-----------
const sqrt=Math.sqrt;
export{sqrt as sq1,sqrt as sq2}; 

//---------main.js-----------
/*
通过import语法从lib模块中导入所需要的接口，大括号中的接口名必须在lib.js模块中，通过export关键词导出
*/ 
import {square,diag} from './lib';
console.log(square(11)); //121
console.log(diag(4,3));//5

//---------lib.js-----------
export var myVar1="var1";
//---------main.js-----------
import{myVar1 as myCustomVar1} from './lib';
console.log(myCustomVar1);

//---------lib.js-----------
export var myVar1=...;
export var myVar2=...;
export const MY_CONST=...;

export function myFunc(){
...
}
export function* myGeneratorFunc(){
...
}
export class MyClass{
...
}
//---------main.js-----------
import * as lib from './lib';
console.log(lib.myVar1);
console.log(lib.myVar2);
new lib.MyClass();
export default

//lib.js
function add(x,y){
return x*y;
}
export {add as default};

//等同于
//export default add;

//main.js
import {default as myAdd} from 'lib';

//等同于
//import myAdd form 'lib';

import $ form 'jquery';
export/import在Vue.js中的使用
      Vue.js采用export/import进行模块化开发，文件通过export暴露接口，通过import引用其他文件的内容。Vue.js的源码结构优雅、层次严谨，而这一切都离不开export和import。

      举例来说，Vue.js的入口文件是/src/index.js，该文件开头如下：

import Vue from './instance/vue'
import installGlobalAPI from './global-api'
import {inBrowser, devtools} from './util/index'
import config from './config'
      index.js从其他4个文件引用了必要的变量和方法。进入引用的第一个文件/src/instance/vue.js中，可以看到，其采用了export default命令：

export default Vue
       也有不采用export default方式暴露接口的，比如在/src/filters/array-filters.js中采用以下语法对外暴露了三个函数方法：

export function limitBy(...){},
export function limitBy(...){},
export function limitBy(...){}
在/src/filters/index.js中引入上述三个函数：

import{orderBy,filterBy,limitBy} from './array-filters'

{
let a='ddfe';
let a='didiFamilyt'//报错
}

{
let a='ddfe';
var a='didiFamilyt'//报错
}

console.log(foo);//输出undefined
console.log(bar);//报错ReferenceError

var foo='ddfe';
let bar='ddfe';

if(true){
//TDZ开始
tmp='ddfe';//ReferenceError
console.log(tmp);//ReferenceError

let tmp;//TDZ结束
console.log(tmp);//undefined

tmp=123;
console.log(tmp);//123
}

//在src/config.js文件中保存了全局配置信息
let delimiters=['{{','}}']
let unsafeDelimiters=['{{{','}}}']
        再比如：在src/batcher.js文件中，runBatcherQueue函数中的for循环变量也是采用let声明的：

function runBatcherQueue(queue){
for(let i=0;i<queue.lenght;i++){
...
}
queue.length=0
}

const PI=3.141;
PI//3.141
PI=3;
PI//3.141,重新赋值无效，PI值不变

const ddfe;
ddfe='wonderful';//重新赋值无效
ddfe//undefined
const的作用域与let相同，只在声明所在的块级作用域内有效。
const与let一样，同样不允许重复声明，不存在变量提升以及TDZ。
const在声明复合类型的变量时，只能保证变量名指向的地址不变，并不保证该地址的数据不变（因为复合类型的变量名指向数据地址而不指向数据）。因此，如果使用const声明一个对象，并不能保证对象不可更改。示例代码如下：
const ddfe={};
ddfe.age=4;
ddfe.age//4
ddfe={};// TypeError: "foo" is read-only

const TYPE_TRANSITION='transition'
const TYPE_ANIMATION='animation'

// src/compiler/compile.js
const bindRE=/^v-bind:|^:/

// src/filters/index.js
const digitsRE=/(d{3})(?=d)/g