Javascript 04 模块化

require VS import

require 
	Commonjs的规范
import 
	ES6为js模块化提出的新的语法,import (导入)要与export(导出)结合使用
注:
	(1) require统治了ES6之前的所有模块化编程,即使现在,在ES6 module被完全实现之前,
还是这样
	(2) 由于历史原因,虽然Node.js已经实现了99%的ES6新特性,采用的却是CommonJS规范
使用require引入模块,使用module.exports导出接口

require 示例

// a.js
function sum(x, y, z) {
  return x+y+z;
}

let A = 123
module.exports = {
  sum, A
};
// b.js
let { sum, A } = require('./a.js');
console.log(sum(1, 2, 3))
console.log(A)

import 示例

在node 要中使用import/export的方法,必须引入babel转义支持,
通过babel进行编译,使其变成node的模块化代码

1 全局安装 babel-cli
npm install babel-cli -g

2 安装 babel-preset-env
npm install babel-preset-env -D

3 原来是 node **.js,改为这样调用:babel-node --presets env **.js

代码示例

// a.js
let myName = "koukou";
let myAge = 18;
let myfn = function(){
    return "我是"+myName+"!今年"+myAge+"岁了"
}
export {
    myName as name,
    myAge as age,
    myfn as fn
}
// b.js
import {fn,age,name} from "./a.js";

console.log(fn())
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值