分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

谈谈js初级封装代码

发布时间:2023-09-06 02:29责任编辑:赖小花关键词:js

学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.使用对象将代码进行功能模块的划分,有利于日后的维护

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

谈谈js初级封装代码

原文地址:https://www.cnblogs.com/xufeng1994/p/10253183.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved