ES6_NodeJS

    ECMAScript：标准    javascript:标准语言实现， actionslipt :flash开发用，也是一种实现

    -ECMAScript 6.0 :   ECMAScript脚本语法     DOM    BOM     ---2015年

    -解决实际应用中的隐患：var等问题

    -es6核心常用知识

        [1]变量定义变化：let,const,

            -var 变量重复定义 ---let解决，不允许重复定义变量

            -变量提升机制 ---let 初始化之前无法访问

            -块级作用域的问题，代码块 + for(){} 等有效

        const:定义常量，不支持修改；必须初始化。

            -支持修改对象的属性值

            闭包：本质是函数内部的 函数访问内部函数的外部变量；甚至在函数作用域周期结束仍然刻意访问——原因是闭包的存在。【

    比如：访问函数返回内部函数调用，而内部调用函数访问外部变量；此时返回的函数调用在整体函数外部依然可以正常执行。

】

//模板字符串：保持

        let name = 'macro';

        let age = 33;

        // let str = `My name is ${name}`;

        let str = 'My name is ${name},I am ${age}.';

        //本质是通过正则替换

        let str1 = str.replace(/${([^}]*)}/g, function() {

            console.log(arguments);

            // return 124;

            return eval(arguments[1]);

        });

        // str = str.replace(/${w}/, age);

        console.log(str1);

对象特性

//对象克隆，将第二个参数后面的所有对象克隆到第一个参数对象中

let nameObj = { name: 'macro' };

let ageObj = { age: 25 };

let sexObj = { sex: 'male' };

let newObj = {};

Object.assign(newObj, nameObj, sexObj, ageObj);

console.log(newObj);

=======================

//Object.setPrototypeOf()

let nameObj = { name: 'macro' };

let nameObj1 = { name2: 'macro2' };

let obj = {};

Object.setPrototypeOf(obj, nameObj);

console.log(obj.name);

console.log(Object.getPrototypeOf(obj));

=========================

//判断相等 === 无法判断相等时

console.log(Object.is(1, 3));

console.log(NaN === NaN); // false

console.log(Object.is(NaN, NaN)); // true

异步问题

//异步问题

//正常：1 2 3

for (let index = 0; index < 3; index++) {

setTimeout(() => {

console.log(index);

    });

}

//错误 3  3  3

for (var index = 0; index < 3; index++) {

setTimeout(() => {

console.log(index);

    });

}

//闭包实现//正常：1 2 3

for (var index = 0; index < 3; index++) {

    (function(index) {

setTimeout(() => {

console.log(index);

        });

    })(index);

}

// 面试题

// 2  2

var arr = [];

for (var i = 0; i < 2; i++) {

arr[i] = function() {

console.log(i);

    };

}

//注意此处调用的i为全局的i；

// 1 2

arr[0]();

arr[1]();

var arr = [];

for (let i = 0; i < 2; i++) {

arr[i] = function() {

console.log(i);

    };

}

arr[0]();

arr[1]();

解构问题

//===对象结构

let { a, b } = { name: 'macro', age: 25 };

console.log(a, b); // undefined undefined

//注意：属性名称必须一致

let { name, age } = { name: 'macro', age: 25 };

console.log(name, age);  // macro 25

//更改名称——解构重命名

let { name: userName, age } = { name: 'macro', age: 25 };

console.log(userName, age);

//

let [{ name }, { hobby }] = [{ id: 1, name: 'macro', age: 25 }, { id: 2, name: '面壁', hobby: 'swimming' }];

console.log(name, hobby);

//省略解构

let [, , c] = [1, 2, 3];

console.log(c);

//默认解构

let { name, age = 20 } = { name: 'macor' };

console.log(name, age);

//Ajax应用

function ajax(options) {

var method = options.method || 'get';

}

//

function ajax({ method = 'get', data }) {

var method = options.method || 'get';

}

let name = 'macro';

let age = 33;

// let str = `My name is ${name}`;

let str = 'My name is ${name},I am ${age}.';

//本质是通过正则替换

let str1 = str.replace(/${([^}]*)}/g, function() {

console.log(arguments);

// return 124;

return eval(arguments[1]);

});

// str = str.replace(/${w}/, age);

console.log(str1);

let maxVal1 = Math.max.apply(this, [1, 23, 4, 5]);

console.log(maxVal1);

let maxVal2 = Math.max.apply(null, [1, 23, 4, 5]);

console.log(maxVal2);