ECMA2015(ES6)简单入门-4-set&get-map-moudle-import-export default

SET就是一堆东西的集合

// 有点像数组但set里不能有重复的内容

let dessert =new Set( "apple");
dessert.add("quqi");
dessert.add("water");
dessert.add("water");
console.log(dessert);
console.log(dessert.has("water"));
console.log(dessert.size);

MAP

let food =new Map();
let fruit={},cook=function(){},dessert_1="apple";
food.set(fruit,"apple-1");
//往里面添加项目:注意，第一个参数是项目名字,第二个是value 
food.set(cook,"apple-2");
food.set(dessert_1,"cooke-1");

console.log(food);
console.log(food.size);
console.log(food.get(fruit));
console.log(food.get(cook));
food.delete(dessert_1);//删除
console.log(food.has(dessert_1));//food里面是不有。。。
food.forEach(
    (value,key) => {
        console.log(
            `  ${key} = ${value}
             `  )})
food.clear();//  清空

首先要明确import是和export default 连用的尔require和module.exports连用的要不然报错让你找不到北

定义一个javascript文件如demo_1.js
let fruit= "apple",dessert="cake";
export {//写了这个就是输出了，意思是，想上哪里上哪里，你可以起飞了
    fruit,dessert
}
//这个demo_1.js将被导入到另一个JavaScript文件demo_2.js里面使用
而这个demo_2.js里怎么使用demo_1.js呢，太简单了
import {fruit,dessert} from 'demo_1'//这里的后缀可以不写哦
console.log(fruit,dessert);
//或者 加个*as 自定义名字 form...
import* as chef from 'demo_1'//这里的chef是你自定义的名字 代表对象 代表demo里所有的东西
console.log(chef.fruit,chef.dessert);

同时导入或者导出的时候你能够重命名

function dinner(){//这个函数写在demo_1.js里
    console.log(`今天我们吃:${fruit} 和 ${dessert}`);
}
export {fruit,dessert,dinner as supper}//这里重命名了
在demo_1.js里呢？
import {fruit,dessert,supper as dinner} from 'export'//这里还可以重新命名
dinner(fruit,dessert);

默认导出-export default

在要导入的东西前加上export default就ok了或者
export default function dinner(){
    console.log(`今天我们吃:${fruit} 和 ${dessert}`);
}//或者
//export {dinner as default}//这里默认导出方法2
//demo_2.js导入正常导入
import dinner from 'demo_1'//这里还可以重新命名导入的东西
dinner(fruit,dessert);