分享web开发知识

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

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

js利用闭包封装自定义模块的几种方法

发布时间:2023-09-06 01:10责任编辑:赖小花关键词:js闭包

1.自定义模块:

  具有特定功能的js文件

  将所有的数据和功能都封装在一个函数的内部

  只向外暴露一个包含有n个方法的对象或者函数

  模块使用者只需要通过模块暴露的对象调用方法来实现相对应的功能

1.利用函数方法自调用

/** * Created by lonecloud on 2017/9/10. */(function (window) { ???var DEBUG="debug" ???/** ????* 打印日志 ????* @param args ????*/ ???function log(args) { ???????console.log(args) ???} ???/** ????* debug 利用闭包 ????* @param args ????*/ ???function debug(args) { ???????console.log(DEBUG+args); ???} ???/** ????* 编写 ????* @param args ????*/ ???function write(args) { ???????document.write(args) ???} ???window.$ = { ???????log: log, ???????write: write, ???????debug:debug ???}})(window);//调用$.write("dda")$.debug("dsds")$.log("dsqwd")

 2.函数声明后进行模块化

/** * Created by lonecloud on 2017/9/10. */function Common(window) { ???var DEBUG = "debug" ???/** ????* 打印日志 ????* @param args ????*/ ???function log(args) { ???????console.log(args) ???} ???/** ????* debug 利用闭包 ????* @param args ????*/ ???function debug(args) { ???????console.log(DEBUG + args); ???} ???/** ????* 编写 ????* @param args ????*/ ???function write(args) { ???????document.write(args) ???} ???return { ???????log: log, ???????debug: debug, ???????write: write ???}}//调用var common=Common(window);common.log("121")common.debug(12232)common.write("dadsa")

js利用闭包封装自定义模块的几种方法

原文地址:http://www.cnblogs.com/lonecloud/p/7500340.html

知识推荐

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