走进node (初级)

安装nodejs

下载地址:nodejs官网

babel 相关

在一个新建的文件夹底下初始化配置文件package.json

npm init

1
2
3
4
5
6
7
8
9
10
11
12
{
"name": "testjs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "hao",
"license": "ISC",
"devDependencies": {}
}

使用npm安装babel 客户端工具

npm install babel-cli --save-dev

建议不要全局安装,以免更新导致版本不一

安装“编译”es2015 相关babel 插件 babel-preset-es2015

npm install babel-preset-es2015 --save-dev

在根目录下创建.babelrc 的配置文件

1
2
3
{
"presets":["es2015"]
}

配置package.json文件运行es2015 文件

1
2
3
"scripts": {
"text": "babel-node index.js"
}

使用npm运行

1
npm run text

使用CommonJs规范 es2015 语法

export / import

导出的写法
1
2
3
4
5
export const BaseNews = function(){
this.display = function(){
console.log("我是父类");
}
}

导入的写法

1
2
3
4
import {BaseNews} from "./BaseNews.js"
let n = new BaseNews();
n.display();
方式2
1
2
3
4
5
6
7
8
const BaseNews = function(){
this.display = function(){
console.log("我是父类");
}
}
const version = "1.0";
export {BaseNews,version}
1
2
3
4
5
import {BaseNews,version as v} from "./BaseNews.js"
let n = new BaseNews();
n.display();
console.log(v);
方式3(常用)

每个模块只能有一次default导出

1
2
3
4
5
6
7
8
export default function(){
this.display = function(){
console.log("我是父类");
}
}
const version = "1.0";
export {version}
1
2
3
4
5
import BaseNews,{version as v} from "./BaseNews.js"
let n = new BaseNews();
n.display();
console.log(v);
1
2
3
4
5
import {default as BaseNews,version as v} from "./BaseNews.js"
let n = new BaseNews();
n.display();
console.log(v);

还可以这样将所有导出

1
2
3
4
5
import * as a from "./BaseNews.js"
let n = new a.default();
n.display();
console.log(v);

真是感觉脑子被绕住了,索性记下来