码迷,mamicode.com
首页 > Web开发 > 详细

js三大特性之封装

时间:2019-01-18 00:52:31      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:现在   引用数据类型   color   类型   class   console   turn   div   特性   

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

js三大特性之封装

标签:现在   引用数据类型   color   类型   class   console   turn   div   特性   

原文地址:https://www.cnblogs.com/mengxiangji/p/10285458.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!