js三大特性之封装

Posted 2021-02-04 mengxiangji

js三大特性之封装

为什么要进行封装？

封装可以使代码更简洁，复用性高，易维护

let a={
     fn(){
       return 1
    }
}
let b=a
console.log(a.fn()) // 1
console.log(b.fn()) // 1

 

上面代码中a是一个对象，对象是引用数据类型，引用数据类型操作的是引用地址，相当于把a的引用地址赋值给了b，所以现在a和b公用的是一个引用空间

相当于我们把fn这个函数封装在了一个引用地址中，a和b都指向这个引用地址，所以它们可以公用fn这个函数

在实际开发中，我们可以把公用的逻辑封装在一个js文件中，通过export导出

别的文件想调用这个的话，可以再页面import导入，或者使用vue的mixins