在我们上节课学习了import和export
的语法。
并且我们知道很多新的语法,我们的浏览器还不兼容,并且node.js也不完全兼容(我们借助了babel这个工具)。
我们写了一个BaseNews模块:
export const BaseNews = function bb() {}
const
是定义常量,后面不能更改。
定义了模块,在其他地方需要先引用才可以使用:
import {BaseNews} from './BaseNews';
#花括号名称,必须和上面模块里定义的名称一样
本节课学习 比较重要的export default
重要特性:
1、一个外部模块只能用一次
2、外部import时不需要加花括号,外部导入名可以随便定义
这是我们模块化开发时,最常见的方式。
定义模块:
这样在一个.js文件里,只能写一个export default
export default function bb() { //新闻基类
if (this instanceof bb){
console.log('父类初始化了');
}
this.display = function () {
console.log('父类的display方法');
}
}
引入模块并实例化:
import xxx from './BaseNews'; //xxx 就是export default后面的函数啦
var news = new xxx();
news.display();