Skip to content

封装组件

基本封装思想:将属性和方法写在一个类中,放在单独的一个文件下,将这个类导出,提供给其他的文件中进行直接使用,Fun.js的封装文件形式如下:

js
class Fun{
    constructor(name,age){
        this.name = name;
        this.age = age;
    }
    f2(){
        console.log(this.name , this.age);
    }
}
export default Fun;

当导出形式为export default时,其他文件的导入方式为:

js
import Fun from '/src/utils/cesiumKit/Fun.js'
const obj = new Fun('张三',18);
obj.f2()  // 使用封装的方法

当导出的形式为export { Fun },其他文件的导入方式为:

js
import { Fun } from '/src/utils/cesiumKit/Fun.js'
// 也可以进行设置别名,如下设置别名为Test
import { Fun as Test } from '/src/utils/cesiumKit/Fun.js'

Released under the MIT License.