Javascript Module Pattern,公共属性不能获取到最新值（Javascript revealing module pattern, public properties）

发现问题的代码如下：

<html>

var module=(function(){

//private varibles

var grades=undefined;

console.log("self invoking grades="+grades);

//private methods

var setGrades=function(x){

grades=x;

console.log('in the set mehod grades='+grades);

}

//public api

return {

grades:grades, //这种写法无法应用到最新的值

setGrades:setGrades

}

})();

console.log('before set grades grades='+module.grades);

module.setGrades(10);

console.log('after set grades grades='+module.grades);

</script>

</html>

如上图所示，上面返回对象中对私有变量的引用，并没有引用到最新的值

改进后写法如下：

主要有几种方式：1.使用函数返回私有变量值；2.自己定义返回对象的属性，注意只定义get，这样不会破坏封装；

<html>

var module=(function(){

//private varibles

var grades=undefined;

console.log("self invoking grades="+grades);

//private methods

var setGrades=function(x){

grades=x;

console.log('in the set mehod grades='+grades);

}

//public api

var rtnObj={

//grades:grades,//不适用直接返回的

setGrades:setGrades

}

//改为使用返回对象定义只读属性，修复出现的问题

Object.defineProperty(rtnObj, "grades", {

get: function () { // function that's executed when you use `.grades`

return grades;

}

});

return rtnObj;

})();

console.log('before set grades grades='+module.grades);

module.setGrades(10);

console.log('after set grades grades='+module.grades);

</script>

</html>

通过上面截图可以看出，在设置完grades后，可以正常在外部访问到最新的grades的值了。

之所以这样，是因为直接返回时（grades:grades）其实是直接返回一个值，即（grades:undefined），后续对grades变量的修改，并不会反映到返回对象的grades属性上；

https://stackoverflow.com/questions/8893099/javascript-revealing-module-pattern-public-properties

Javascript Module Pattern,公共属性不能获取到最新值（Javascript revealing module pattern, public properties）相关推荐

React中 useState在合成事件中是异步的，怎么获取到useState 设置后的最新值，或者说setState中获取到最新值
useState 在合成事件中是异步的合成时间是什么呢合成事件: 简单来说比如onClick,或者 onChange 或者说是 Input之类的事件所以一个情景是这样的当你在onClick ...
hibernate4.3 无法获取数据库最新值
在用ssh框架的时候遇到一个问题(hibernate版本号4.3) 问题描写叙述:web端和应用程序都能够读写数据库.当应用程序改动数据库后.hibernate无法读取最新值,读出来的一直都是旧数据. ...
java根据属性获取对象_java反射工具类--通过指定属性名,获取/设置对象属性值
java对象通过点运算符操作对象属性的方式没法使用for,while等循环,此工具主要解决这一问题. 例如:有一对象包含属性有一定规律 obj1: { name1: "张三", a ...
spring 获取配置文件的值
Spring 获取配置文件的值 package com.hafiz.www.util;import org.slf4j.Logger; import org.slf4j.LoggerFactory;i ...
前端JS获取ModelMap的值 2020-09-03
问题描述: 前端获取ModelMap的值 Controller: @GetMapping("/turnDispatch/{workNo}")public String turnDi ...
html+设置img+src属性值,javascript获取、设置修改img的src属性（get/setAttribute）
在开发网站过程中,事先就设置好了图片img的src性,一般来说很少修改这个属性,网站加载时直接显示事先设置好的图片.但如果网页要求实现滚屏加载图片(动态加载图片),也就是一次不显示网页内的所有图片,当 ...
谷歌浏览器不支持javascript 属性对象获取问题
谷歌浏览器 JavaScript 属性对象获取问题首先陈述一下我遇到的问题我在img标签里面添加自定义属性fileName <img fileName="0_0.png" ...
JavaScript属性的获取、设置和移除还有自定义属性
文章目录获取属性值设置属性值移除属性值 H5自定义属性自定义属性的目的是为了保存并使用数据.有些数据可以保存到页面中而不用保存到数据库中. 获取属性值 element.属性获取属性值 ele ...
如何获取HTML元素对应JavaScript对象？
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
GridView 类型公开的所有成员（公共属性、公共方法、私有属性.......）
下表列出了由 GridView 类型公开的成员. 公共构造函数名称说明 GridView 初始化 GridView 类的新实例. 页首公共属性 (请参见受保护的属性 ) 名称说明 A ...

Javascript Module Pattern,公共属性不能获取到最新值（Javascript revealing module pattern, public properties）

Javascript Module Pattern,公共属性不能获取到最新值（Javascript revealing module pattern, public properties）相关推荐

最新文章

热门文章