博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
谈谈js初级封装代码
阅读量:6306 次
发布时间:2019-06-22

本文共 444 字,大约阅读时间需要 1 分钟。

学js的时候大家肯定或多或少会封装一些函数

举个例子:

function my$(id){

return document.getElementById(id)

}

当我们调用这个方法的时候,省去了很多很多的代码

don‘t repeat yourself

这样做的

     好处是:使用函数将代码封装,使得复用性更高

     弊端是:1.全局变量污染  2.代码结构不够清晰,维护不方便

解决问题就是进步的过程

我们可以这样

var xf = {

my$:function(id){ return document.getElementById(id) },

....

}

那我们下次调用对象的时候就可以xf.my$(id)

使用对象进行封装后的优势

   1.暴露在全局的只有一个对象名 不会造成全局变量污染

   2.使用对象将代码进行功能模块的划分,有利于日后的维护

好啦,今天的更新就到这里了...

转载于:https://www.cnblogs.com/xufeng1994/p/10253183.html

你可能感兴趣的文章
https基础
查看>>
css3 canvas之刮刮卡效果
查看>>
并查集模板
查看>>
RESTful Mongodb
查看>>
BZOJ3237:[AHOI2013]连通图(线段树分治,并查集)
查看>>
如何提高Ajax性能
查看>>
Android--自定义加载框
查看>>
LINUX下 lamp安装及配置
查看>>
BZOJ3105 [cqoi2013]新Nim游戏
查看>>
困惑的前置操作与后置操作
查看>>
SDNU 1269.整数序列(水题)
查看>>
BZOJ 2118 Dijkstra
查看>>
Go语言基础之结构体
查看>>
SpringCloud:Eureka Client项目搭建(Gradle项目)
查看>>
jqueryValidate
查看>>
ATL使用IE控件,并且屏蔽右键
查看>>
Jenkins
查看>>
linux下使用screen和ping命令对网络质量进行监控
查看>>
数据库设计技巧
查看>>
css定位概述
查看>>