当前位置： 移动技术网 > IT编程>网页制作>CSS > 关于es6模块继承的代码实例教程

关于es6模块继承的代码实例教程

2018年04月21日  | 移动技术网IT编程  | 我要评论

车侑兰,mc石观音,钱江龙

模块的继承

模块之间也可以继承。

假设有一个circleplus模块，继承了circle模块。

// circleplus.js

export * from 'circle';

export var e = 2.71828182846;

export default function(x) {

  return Math.exp(x);

}

上面代码中的export *，表示再输出circle模块的所有属性和方法。注意，export *命令会忽略circle模块的default方法。然后，上面代码又输出了自定义的e变量和默认方法。

这时，也可以将circle的属性或方法，改名后再输出。

// circleplus.js

export { area as circleArea } from 'circle';

上面代码表示，只输出circle模块的area方法，且将其改名为circleArea。

ES6 加载上面模块的写法如下。

// main.js

import * as math from 'circleplus';

import exp from 'circleplus';

console.log(exp(math.e));

上面代码中的import exp表示，将circleplus模块的默认方法加载为exp方法。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网