ECMA Script 6_

ECMAScript 6

ECMA 组织前身是欧洲计算机制造商协会

指定和发布脚本语言规范，标准在每年的 6 月份正式发布一次，作为当年的正式版本

这样一来，就不需要以前的版本号了，只要用年份标记就可以了.

ES6 ES6 既是一个历史名词，也是一个泛指“下一代 JavaScript 语言”，

含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，

而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准

一种新的语法从提案到变成正式标准，需要经历五个阶段。每个阶段的变动都需要由 TC39 委员会批准。

Stage 0 - Strawman（展示阶段）
Stage 1 - Proposal（征求意见阶段）
Stage 2 - Draft（草案阶段）到这一阶段，差不多肯定是要包裹在以后的标准里面的
Stage 3 - Candidate（候选人阶段）
Stage 4 - Finished（定案阶段）

js 包含三个部分

ECMAScript 新功能的开发，语法的简化，性能优化

2009年发布了 ES5.1，并且成为 ISO 国际标准（ISO/IEC 16262:2011）

2015年6月 ES6

还在实现中ing，从开始制定到最后发布，正式通过，成为国际标准，整整用了 15 年

目标：是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言

2016年ES7（变化不大，很多草案待实现）

2017年ES8

2018年ES9

扩展浏览器端

BOM window
DOM document

扩展服务器端

Node

Node 是 JavaScript 的服务器运行环境（runtime）。它对 ES6 的支持度更高。

除了那些默认打开的功能，还有一些语法功能已经实现了，但是默认没有打开。

使用下面的命令，可以查看 Node 已经实现的 ES6 特性

'use strict';

严格模式，消除 js 语法的一些不合理、不严谨之处，减少一些怪异现象。

当浏览器识别，则进入严格模式解析运行。不识别的浏览器则忽略。

变量必须先声明，在使用。
禁止自定义的函数中的 this 指向 window

默认指向 window 时，this 被赋值为 undefined

如果再函数中需要访问全局时，直接用 window 就好

eval(); 将会创建一个作用域，即不会影响全局同名变量
对象禁止出现同名属性

var person = {
    name: "Tom",
    age: 22,
    
    get age (){
        return this.age;
    },
    set age (newAge){
        this.age = newAge;
    }
};

JSON

是一种轻量级的数据格式。 '{"name":"Ryen Toretto", "age": 22}' 属性名，必须双引号包裹

用来作为前后台交互的数据格式（前台发送请求，后台返回响应）

使用

var obj = {name: "Tom", age: 18};

var arr = [1, 3, 5, 7];

var json = JSON.stringify(obj);    // 对象 处理成 JSON 数据
console.log(json);

json = JSON.stringify(arr);    // 数组 处理成 JSON 数据
console.log(json);


// 解析 JSON
var newArr = JSON.parse(json);
console.log(newArr);

ES6 新加入 Object.create(obj);

将传入的新对象作为新对象的原型对象 // var newObj = {}; newObj.__proto__ = person; return newObj;

使用：

var newObj = Object.create(person, {
    age:{
        value: 22
    },
    sex:{
        value: "男"
    }
});

ES6 对于数组的扩展

var arr = [1, 6 ,8, 6, 9, 8, 5, 3, 2];

输出第一个 6 的下标索引

arr.findIndex(function(item){ item === 6; }); // 适用于对象数据类型

等同于 arr.indexOf(6); // 找不到返回 -1 适用于基本数据类型

输出最后一个 6 的下标索引

arr.lastIndexOf(6);

输出元素所有元素的值和下标

arr.forEach(function(item, index){... ...});

将所有元素值+10，产生并返回这个新数据

var newArr = arr.map(function(item, index){ return item+10; }); // 不影响原数组

过滤出原数组中值大于 4 的元素，作新数组返回

var newArr = arr.filter(function(item, index){ return item>4; }); // 不影响原数组, 将返回值为 true 的元素组成一个新数组

输出数组各个元素的累加和

var sum = arr.reduce(function(prev, cur){ return prev+cur; }, 0); // 第二参数，是指第一次进入，prev 的值

猜你喜欢