前端开发之ES6模块化和node.js，2020.12.09

1、node到底是什么？

Node是一个基于Chrome V8引擎的JavaScript运行环境；
是一个让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。

2、node 和 java/php区别？

与java区别
1、Node.js比Java更快：
1）、node.js开发快，运行的效率也算比较高，但是如果项目大了就容易乱，而且javascript不是静态类型的语言，要到运行时才知道类型错误，所以写的多了之后免不了会出现光知道有错但是找不到哪儿错的情况，所以测试就得写的更好更详细。
2）、java开发慢，但是如果项目大、复杂的话，用java就不容易乱，管理起来比node.js省心。
2、Node.js前后端都采用Javascript，代表未来发展的趋势，而java则是现在的最流行的服务器端编程语言。
3、Node.js和Java EE，一种是解释语言，一种是编译语言。
4、Java是一种编程语言，而NodeJS是用C、C++编写的基于Chrome V8引擎的JavaScript运行环境。
5、Java严格来说是一种与浏览器无关的服务器端语言，而Node JS可以在客户端和服务器端有效地使用。

---

与php区别
1、PHP是一种编程语言，Node.js是一个基于Chrome V8引擎的JavaScript运行环境；
2、Node.js遵循事件驱动的非阻塞I/O模型，PHP遵循一个阻塞模型； 3、PHP应用程序可以在任何服务器上运行，Node不行。

3、es6模块化(摘抄自：简书：es6中的模块化)

ES6的模块化分为导出（export）与导入（import）两个模块。

3.1、export的用法：

在ES6中每一个模块即是一个文件，在文件中定义的变量，函数，对象在外部是无法获取的
如果你希望外部可以读取模块当中的内容，就必须使用export来对其进行暴露（输出）。
	export let myName="张三";
然后可以创建一个index.js文件，以import的形式将这个变量进行引入:
	import {myName} from "./test.js";
	console.log(myName);//张三

如果要输出多个变量可以将这些变量包装成对象进行模块化输出：

let myName="张三";
let myAge=23;
let myfn=function(){
    return "我是"+myName+"！今年"+myAge+"岁了"
}
export {
    myName,
    myAge,
    myfn
}
/******************************接收的代码调整为**********************/
import {myfn,myAge,myName} from "./test.js";
console.log(myfn());//我是张三！今年23岁了
console.log(myAge);//23
console.log(myName);//张三

如果你不想暴露模块当中的变量名字，可以通过as来进行操作:

let myName="张三";
let myAge=23;
let myfn=function(){
    return "我是"+myName+"！今年"+myAge+"岁了"
}
export {
    myName as name,
    myAge as age,
    myfn as fn
}
/******************************接收的代码调整为**********************/
import {fn,age,name} from "./test.js";
console.log(fn());//我是张三！今年23岁了
console.log(age);//23
console.log(name);//张三

也可以直接导入整个模块，将上面的接收代码修改为：

import * as info from "./test.js";//通过*来批量接收，as 来指定接收的名字
console.log(info.fn());//我是张三！今年23岁了
console.log(info.age);//23
console.log(info.name);//张三

3.2、默认导出（default export）
一个模块只能有一个默认导出，对于默认导出，导入的名称可以和导出的名称不一致。

/******************************导出**********************/
export default function(){
    return "默认导出一个方法"
}
/******************************引入**********************/
import myFn from "./test.js";//注意这里默认导出不需要用{}。
console.log(myFn());//默认导出一个方法

可以将所有需要导出的变量放入一个对象中，然后通过default export进行导出

/******************************导出**********************/
export default {
    myFn(){
        return "默认导出一个方法"
    },
    myName:"张三"
}
/******************************引入**********************/
import myObj from "./test.js";
console.log(myObj.myFn(),myObj.myName);//默认导出一个方法 张三

同样也支持混合导出

/******************************导出**********************/
export default function(){
    return "默认导出一个方法"
}
export var myName="张三";
/******************************引入**********************/
import myFn,{myName} from "./test.js";
console.log(myFn(),myName);//默认导出一个方法 张三

3.3、重命名export和import

//如果导入的多个文件中，变量名字相同，即会产生命名冲突的问题
//为了解决该问题，ES6为提供了重命名的方法，当你在导入名称时可以这样做：
/******************************test1.js**********************/
export let myName="我来自test1.js";
/******************************test2.js**********************/
export let myName="我来自test2.js";
/******************************index.js**********************/
import {myName as name1} from "./test1.js";
import {myName as name2} from "./test2.js";
console.log(name1);//我来自test1.js
console.log(name2);//我来自test1.js