es6后续_es6的后续改进-CSDN博客

本文链接：https://blog.csdn.net/Eason_______/article/details/105197194

拓展的对象功能：
对象初始化简写：ES5我们对于对象都是以键值对的形式书写，有可能出现键值对重名时,常用于定义组合工具函数


function people(name, age) {
        return {
            name: name,
            age: age
        };
    }
//键值对重名，es6简写如下
function people(name, age) {
        return {
            name,
            age
        };
    }

ES6 同样改进了为对象字面量方法赋值的语法。

//ES5为对象添加方法：
const people = {
        name: 'lux',
        getName: function() {
            console.log(this.name)
        }
    }
//ES6通过省略冒号与 function 关键字，将这个语法变得更简洁:
const people = {
        name: 'lux',
        getName () {
            console.log(this.name)
        }
    }

浅复制:ES6 对象提供了 Object.assign()这个方法来实现浅复制。Object.assign() 可以把任意多个源对象自身可枚举的属性拷贝给目标对象，然后返回目标对象。第一参数即为目标对象。在实际项目中，我们为了不改变源对象。一般会把目标对象传为{}

复制代码
const objA = { name: 'cc', age: 18 }
    const objB = { address: 'beijing' }
    const objC = {} // 这个为目标对象
    const obj = Object.assign(objC, objA, objB)

    // 我们将 objA objB objC obj 分别输出看看
    console.log(objA)   // { name: 'cc', age: 18 }
    console.log(objB) // { address: 'beijing' }
    console.log(objC) // { name: 'cc', age: 18, address: 'beijing' }
    console.log(obj) // { name: 'cc', age: 18, address: 'beijing' }

    // 是的，目标对象ObjC的值被改变了。
    // so，如果objC也是你的一个源对象的话。请在objC前面填在一个目标对象{}
    Object.assign({}, objC, objA, objB)

Spread Operator 展开运算符

//数组
    const color = ['red', 'yellow']
    const colorful = [...color, 'green', 'pink']
    console.log(colorful) //[red, yellow, green, pink]
    
    //对象
    const alp = { fist: 'a', second: 'b'}
    const alphabets = { ...alp, third: 'c' }
    console.log(alphabets) //{ "fist": "a", "second": "b", "third": "c"}

获取数组或者对象除了前几项或者除了某几项的其他项（反写+rest）

   //数组--rest必须放在最后
    const number = [1,2,3,4,5]
    const [first, ...rest] = number
    console.log(rest) //2,3,4,5
    //对象
    const user = {
        username: 'lux',
        gender: 'female',
        age: 19,
        address: 'peking'
    }
    const { username, ...rest } = user
    console.log(rest) //{"address": "peking", "age": 19, "gender": "female"}

import导入模块、export导出模块

//全部导入
import people from './example'

//有一种特殊情况，即允许你将整个模块当作单一对象进行导入
//该模块的所有导出都会作为对象的属性存在
import * as example from "./example.js"
console.log(example.name)
console.log(example.age)
console.log(example.getName())

//导入部分
import {name, age} from './example'

// 导出默认, 有且只有一个默认
export default App

// 部分导出
export class App extend Component {};

在promise之前代码过多的回调或者嵌套，可读性差、耦合度高、扩展性低。通过Promise机制，扁平化的代码机构，大大提高了代码可读性；用同步编程的方式来编写异步代码，保存线性的代码逻辑，极大的降低了代码耦合性而提高了程序的可扩展性。-------用同步的方式去写异步代码


图片的加载写成Promise对象
var preloadImage = function (path) { 
  return new Promise(function (resolve, reject) { 
    var image = new Image(); 
    image.onload = resolve; 
    image.onerror = reject; 
    image.src = path; 
  });
};