es6简介

需求：由于小程序里面的js代码基本都是使用es6的语法规范进行编写，所以我们必须了解一点js的es6标准。

我们现在使用的js其实是有三个部分组成：

ECMA ：是一个组织，该组织是用于指定一系列的语法规范，定义了基本的语法、变量类型。实现的语言：
- javascript
- actionScript（flash动画）
BOM：浏览器对象，js操作浏览器的API的定义，如，window.location 、window.history.…
DOM：文档对象，js操作网页DOM元素的API的定义

注意：我们知道的后端的 nodejs 只实现了 ECMA，它是没有实现BOM和DOM的。

我们现在使用的最多的ECMA的标准是 es5 这个标准（浏览器对该标准基本都支持）。但是随着社会发展，规范也是不断的完善，引入新的特性，慢慢提出了很多的方案，形成比较新的es6标准（该标准是在2015年发布的，所以也叫作 ECMA2015）。

目前来说 ES6正式发布了，但是目前只有一些比较新的浏览器才支持es6里面的新的标准，并且支持度也不是100%。所以在网页开发里面的如果希望使用es6的语法进行开发，则我们还必须要做一点转换，使用es6开发是没有问题，但是在实际上线的时候，我们还需要借助代码转换转换工具把es6标准转换为 es5的标准，以达到在所有的浏览器上都可以运行。

则这样的转换工具一般使用 babel。或者是在前端里面专门做自动化构建的工具 webpack。

学习资料：

[http://es6.ruanyifeng.com/]

新的特性：

最显著

变量的声明（var 但是现在可以使用 let声明；同时还引入常量的声明）
箭头函数（基本上改写javascript里面匿名函数的写法，同时明确this的指向问题）

引入Class等关键字（基本上改写之前的javascript里面面向的对象的写法，以前javascript面向对象都是基于原型的面向对象）

class People{

}

class Man extends People{

}

function People(name, age){

// 定义属性 
// this 代表的是谁？ 需要区分 ： 函数在哪里被调用， 怎么调用。
this.name = name;
this.age = age;
}

实际使用：

1
2
3

var p1 = new People(); // this代表的 p1

People(); // 代表是windows全局对象 等价于 window.People();

call 和 apply 是做什么的？

答：改变this的指向，如果没有显示传递参数或者null，则指向window

1
2
3

var obj = {};
People.call(obj); // this代表的obj
People.apply(null); // 不严格的模式下， this代表的 window全局对象

如果把一个javascript里面的构造函数当成一个普通函数执行，则会出现什么问题？

答：污染window全局，在全局内引入全局变量。

function People(name, age){
    this.name = name;
    this.age = age;
}

People(); //相当于如下
//window.People();
//window.name = name;
//window.age = age;

People.prototype.say = function(){

}