前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >从模块外部访问内部成员

从模块外部访问内部成员

作者头像
Dream城堡
发布于 2018-10-15 09:21:51
发布于 2018-10-15 09:21:51
1.2K00
代码可运行
举报
文章被收录于专栏:Spring相关Spring相关
运行总次数:0
代码可运行

从模块外部访问内部成员

1.使用exports

exports.js:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var myMsg='hello';
var funcname = function () {
    return 'testMsg';
};

exports.msg = myMsg;
exports.funcname = funcname;

foo.js:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var foo = require('./exports.js');

console.log(foo.msg);

console.log(foo.funcname());

2.将模块定义为类(module.exports)

student.js:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var _name,_age;
var name = '',age =0;
//模块对象的构造函数
var foo=function (name,age) {
    _name = name;
    _age= age;
}

foo.prototype.GetName= function () {
    return _name;
}

foo.prototype.SetName= function (name) {
    _name= name;
}
foo.prototype.GetAge= function () {
    return _age;
}

foo.prototype.SetAge= function (age) {
    _age= age;
}

foo.prototype.name = name;
foo.prototype.age = age;
module.exports = foo;

stuTest.js

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var foo = require('./student.js');
var myFoo = new foo("tom",14);
console.log("获取修改前的私有变量");
console.log(myFoo.GetName());
console.log(myFoo.GetAge());

myFoo.SetName("bob");
myFoo.SetAge(20);
console.log("获取修改后的私有变量");
console.log(myFoo.GetName());
console.log(myFoo.GetAge());
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.10.12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
前端模块化-总结_前端模块化规范
先说说什么是模块化,就是将独立的功能代码封装成一个独立的文件,其他模块需要使用,在进行引用。
全栈程序员站长
2022/11/17
6510
前端模块化-总结_前端模块化规范
JavaScript之无题之让人烦躁的模块化
  我怎么记得我好像写过相关类型的文章,但是我找遍了我的博客没有~那就再写一遍吧,其实模块化的核心内容也算不上是复杂,只不过需要整理一下,规划一下罢了。嘻嘻。
zaking
2022/10/07
5080
Nodejs中模块的创建与引用
nodejs中,模块的概念很重要。所有功能都是基于模块划分的。每个模块都是JavaScript脚本,核心模块中主要是由js写成,部分是由C/C++编写,内建模块多是由C/C++编写。
前端_AWhile
2019/08/29
1.5K0
js模块化编程之彻底弄懂CommonJS和AMD/CMD!(转)
答:因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!
jojo
2019/03/12
1.7K0
前端模块化
文章地址:https://cloud.tencent.com/developer/article/2470901
用户7194327
2024/12/03
1180
CommonJS与ES6 Module的本质区别
动态与静态CommonJS与ES6 Module最本质的区别在于前者对模块依赖的解决是“动态的”,而后者是“静态的”。在这里“动态”的含义是,模块依赖关系的建立发生在代码运行阶段;而“静态”则是模块依赖关系的建立发生在代码编译阶段。
砖业洋__
2023/05/06
3850
模块化-模块化规范
新建一个COMMONJS文件夹,然后 npm init初始化packe.json(只需要回车就可以)。 modules用于存放所有子模块。modules的同级创建一个app.js它去使用其他子模块。
用户4793865
2023/01/12
6080
老雷微信小程序教程之开发框架学习
1.全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。
老雷PHP全栈开发
2020/07/02
3630
浏览器加载 CommonJS 模块的原理与实现
就在这个周末,npm 超过了 cpan ,成为地球上最大的软件模块仓库。 npm 的模块都是 JavaScript 语言写的,但浏览器用不了,因为不支持 CommonJS 格式。要想让浏览器用上这些模
ruanyf
2018/04/12
9950
浏览器加载 CommonJS 模块的原理与实现
前端模块化
js本身的问题: 不具有模块化的语法规则,在语言层面没有命名空间。 JavaScript 编程过程中很多时候,我们都在修改变量,在一个复杂的项目开发过程中,如何管理函数和变量作用域,显得尤为重要。
前端小tips
2021/12/10
4940
前端模块化
前端模块化的区别
暴露模块:module.exports = value或exports.xxx = value
大发明家
2021/12/06
4400
what is 模块化?
将一个复杂的程序按照一定的规范,封装成几个块(文件),并进行组合在一起。 这些模块,最好都做到可复用性,比如可以在多个文件中使用处理时间的模块。
用户4793865
2023/01/12
1.2K0
what is 模块化?
工作中常用的javascript常识
JS 中分为七种内置类型,七种内置类型又分为两大类型:基本类型和对象(Object)。
前端迷
2019/12/05
5350
工作中常用的javascript常识
前端程序员经常忽视的一个JavaScript面试题
这几天面试上几次碰上这道经典的题目,特地从头到尾来分析一次答案,这道题的经典之处在于它综合考察了面试者的JavaScript的综合能力,包含了变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级等知识,此题在网上也有部分相关的解释,当然我觉得有部分解释还欠妥,不够清晰,特地重头到尾来分析一次,当然我们会把最终答案放在后面,并把此题再改高一点点难度,改进版也放在最后,方便面试官在出题的时候有个参考。
wscats
2022/06/15
3130
前端程序员经常忽视的一个JavaScript面试题
前端科普系列(3):CommonJS 不是前端却革命了前端
上一篇《前端科普系列(2):Node.js 换个角度看世界》,我们聊了 Node.js 相关的东西,Node.js 能在诞生后火到如此一塌糊涂,离不开它成熟的模块化实现,Node.js 的模块化是在 CommonJS 规范的基础上实现的。那 CommonJS 又是什么呢?
2020labs小助手
2020/07/09
1.1K0
【愚公系列】2022年03月 微信小程序-WXS模块的使用
WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内,或以 .wxs 为后缀名的文件内。每一个 .wxs 文件和 <wxs> 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。
愚公搬代码
2022/12/01
4100
深入理解JavaScript闭包之闭包的使用场景
本篇文章是上一篇 深入理解JavaScript闭包之什么是闭包文章的下篇,闭包的使用场景。
木子星兮
2020/08/04
1.3K0
NodeJS学习二CommonJS规范
Node程序由许多个模块组成,每个模块就是一个文件。Node模块采用了CommonJS规范。
空空云
2018/09/27
6010
webpack 拍了拍你,给了你一份图解指南(模块化部分)
在前面一篇文章中《模块化系列》彻底理清 AMD,CommonJS,CDM,UMD,ES6 我们可以学到了各种模块化的机制。那么接下里我们就来分析一下 webpack 的模块化机制。(主要讲 JS 部分)
秋风的笔记
2020/10/27
4920
webpack 拍了拍你,给了你一份图解指南(模块化部分)
javaScript模块化解析「建议收藏」
上面说提到的结构,就是模块;按照这种结构划分开发程序的过程,就是模块化开发的过程;
全栈程序员站长
2022/11/15
4970
javaScript模块化解析「建议收藏」
相关推荐
前端模块化-总结_前端模块化规范
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验