分享web开发知识

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

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

JS命名空间的使用

发布时间:2023-09-06 02:35责任编辑:熊小新关键词:暂无标签

在多人合作写脚本的时候,会发生方法名冲突的情况

用JS的命名空间能解决这个问题

var MYNAMESPACE = MYNAMESPACE || {};

若全局空间中已有同名对象,则不覆盖该对象;否则创建一个新的命名空间。

下面就列出一个例子

var MYNAMESPACE = MYNAMESPACE || {}; MYNAMESPACE.person = function(name) { ???this.name = name;}; MYNAMESPACE.person.prototype.getName = function() { ???return this.name;}; // 使用方法var p = new MYNAMESPACE.person("doc");p.getName(); ???????// doc

上面的例子是别人博客的,下面写一个自己自己写的

有两个人同时写一个页面,一个是DOC,一个ZXD,同时命名了一个hello方法

全局变量里也有一个hello方法

<!doctype html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>命名空间的用法</title> ???<script src="1.js"></script> ???<script src="2.js"></script> ???<script src="3.js"></script></head><body> ????</body><script type="text/javascript"> ???hello(); ???DOC.hello(); ???ZXD.hello(); ???ZXD.getName("ZXD");</script></html>

1.js

function hello(){ ???console.log(1);}

 2.js

var DOC = DOC || {}; DOC.hello = function() { ???console.log("hello DOC");}

3.js

var ZXD = ZXD || {}; ZXD.hello = function() { ???console.log("hello ZXD");}ZXD.getName=function(name){ ???console.log(name);}

输出

JS命名空间的使用

原文地址:https://www.cnblogs.com/web-record/p/10560395.html

知识推荐

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