ES6模块化
Posted fuguy
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6模块化相关的知识，希望对你有一定的参考价值。
前言
语法:import export (注意有无default)
环境:babel编译ES6语法,模块化可用webpack 和rollup
ES6 Class本身是个语法糖,实际系统默认帮我们转成JS的构造函数
JS构造函数方式:
class Hello(x,y){
this.x=x;
this.y=y;
}
Hello.protoype.add=function(){
return this.x +this.y;
}
const m =new Hello(2,3);
console.log(m.add()); // 5
typeof Hello === "function" . //true
Hello === Hello.prototype.constructor //true
Hello.__proto__ === Hello.prototype //true
ES6书写方式:
export class Hello() {
constructor(x,y){
this.x = x;
this.y = y;
}
add() {
return this.x +this.y;
}
}
const m =new Hello(2,3);
console.log(m.add()); // 5
typeof Hello === "function" . //true
Hello === Hello.prototype.constructor //true
Hello.__proto__ === Hello.prototype //true
以上是关于ES6模块化的主要内容，如果未能解决你的问题，请参考以下文章