兴义网站建设,动漫做暧昧视频网站,阜南做网站,哈尔滨门户网站设计报价外观模式
我们为啥要使用外观模式呢#xff0c;其实我们在使用各种 js 库的时候常常会看到很多的外观者模式#xff0c;也正是这些库的大量使用#xff0c;所以使得兼容性更广泛#xff0c;通过外观者模式来封装多个功能#xff0c;简化底层操作方法 const A {g: functi…外观模式
我们为啥要使用外观模式呢其实我们在使用各种 js 库的时候常常会看到很多的外观者模式也正是这些库的大量使用所以使得兼容性更广泛通过外观者模式来封装多个功能简化底层操作方法 const A {g: function (id) {return document.querySelector(#${id})},css: function (id, key, value) {this.g(id).style[key] valuereturn this},attr: function (id, key, value) {this.g(id)[key] valuereturn this},html: function (id, html) {this.g(id).innerHTML htmlreturn this}
}A.css(box,background,red) // 为 id 为 box 的 盒子设置 background 样式属性为 red
数据适配
在我们写方法时通常会传递参数的形式来传递数据
function fun(arg1,arg2,arg3,...){// todo:
}
但是我们更应该这样来写
function fun(opts {}) {const {a,b,c} opts// opts.xx// todo:
}
使用一个对象来接受一些多个参数使用时进行结构等方式读取数据这样就避免了多个参数导致数据传递错误问题了其实在很多的框架中也常常看到这种比如 Vue 中
import { createApp, ref } from vuecreateApp({setup() {return {count: ref(0)}}
}).mount(#app)
这 createApp 方法就单单只是传递一个对象来作为一个参数而不是一二三个参数
比如 jQuery 中
$.ajax({url: xx,method: get,dataType: json,success: function (data) {// todo:}
})这种例子也是非常的多这样的好处就是方便后期扩展对于后期堆加参数更有利。
