ES6---import&export, 对象

1. let const

{
    let a = 2;
}
复制代码

• let声明的变量，只在let命令所在的代码块内有效
• let的作用域在最近的 {} 之间
• 如果在 let a 之前使用a 就会报错
• 如果重复生命也会报错，（重复 let a 的话就会报错）
• const 声明的是一个只读常量，一旦声明，常量的值就无法改变
• const只有一次赋值机会，赋值了之后在改变值就要报错了
• const 必须在声明的时候立马赋值

2. import export

• 如何默认导出？

let sayHello = function () {
    console.log('导入导出')
}
export default sayHello
导入的时候就只要
import sayHello from './module.js'
复制代码

• 如何带参数导出

let age = 29;
let number = 12;
export {age,number} 
导入的时候就只要写
import {age,number} form './modules.js'
复制代码

• 如果两个模块导出的名字一致的话，那么导入的时候可以重命名一下

import {name as name1} from './modules1.js'
import {name as name2} from './modules2.js'
 console.log(name1);
 console.log(name2);
 as 的意思就是以防止重名 把name 重命名一下
复制代码

• es6语法在一些浏览器上不支持，可以使用parcel来进行打包，变成浏览器可以支持的语法
• 更多用法可查询 MDN

3.对象

• 如何产生一个真正的空对象？

  有两种情况：

es5: var a = new Object();
es6: var b = Object.create(null);
区别：es5生成的空对象其实不是真正的空对象，还有一个特殊属性：_proto_属性
而es6生成的空对象是真正的空对象，里面完全是空的
复制代码

• 对象简写

var obj={a,b,c}
等价于：var obj={'a':a,'b': b,'c': c｝
复制代码

• 动态属性名

  利用变量作为属性名

var name = 'a';
var obj = {[name]: 1} //obj={'a': 1}
[]中可以做运算

复制代码

• 浅拷贝对象

方法一：
 var obj1 = {'a':1,'b': 2,'c': 3};
 var obj2 = Object.assign({},obj1);//obj2 = {'a':1,'b': 2,'c': 3};
 assign()的作用类似于for循环
 上面的语法意思：
 把obj1的所有key和value赋值给前一个对象{}，然后把{} 作为返回值返回给obj2
 
 方法二：
 var obj1 = {'a':1,'b': 2,'c': 3};
 var obj2 = {...obj1};//obj2 = {'a':1,'b': 2,'c': 3};
 
 以上方法都可以，obj1和obj2是两个不同的对象，改变任一对象的值
 都不会影响到另外一个对象
 
复制代码

• Object.defineProperty

  可以给已经存在的对象增加属性

var obj = {'a':1,'b':2}
Object.defineProperty(obj,'x',{
    get(){},
    set(value){}
})
复制代码

• 变更对象原型

var a = {};
var b = {
    "age": 28,
    sayHi() {
        console.log('hi')
    }
}
a = Object.create(b);
此时a的原型就=== b
即：a._proto_ === b
b的所有属性a 都可以访问
获取a的原型可以用方法：Object.getPrototypeOf(a)
复制代码