JS之稳妥构造函数模式and静态私有变量

最新推荐文章于 2024-07-30 21:43:27 发布

业务架构实验室

最新推荐文章于 2024-07-30 21:43:27 发布

阅读量1.5k

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/softmanfly/article/details/50318501

版权

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>稳妥构造函数and静态私有变量的实现原理</title>
</head>
<body>
<script type="text/javascript">
//test 稳妥构造函数或者叫做JS中私有变量的实现
function Person(name, age, job) {
	var o = new Object();
	
	o.sayName = function() {
		console.log(name);
	};

	o.setName = function(value) {
		name = value;
	};

	return o;
};

var friend = Person("Nicholas", 29, "Soft Engineer");
/*
	稳妥构造函数特点：属性只能通过方法来访问，直接访问不到。
	稳妥构造函数原理：利用了闭包函数在定义时其作用域链不光包含了全局变量对象还包含了外部函数的变量对象。所以在执行闭包函数sayName时，就可以通过外部函数变量对象找到name属性的值
	而直接访问name属性，由于friend对象中并没有这个属性，所以是undifined；
	原理详见《javascript高级程序设计》电子版7.2节《闭包》的内容
*/
friend.sayName(); //sayName和setName又被称为特权方法
console.log(friend.name);//undifined

//test 静态私有变量
/*
    静态私有变量顾名思义：1：首先这个变量是静态的，所有的对象访问的都是同一个对象。2：这个静态变量是私有的，只能通过特权方法来访问。
*/
(function(){
	var name = "";
	//注意这里的Student并没有使用var关键字，这样做的目的是让这个构造函数成为一个全局的变量，这样才可以在函数外访问。
	Student = function(value) {name = value};

	Student.prototype.getName = function() { return name;};

	Student.prototype.setName = function(value) { name = value};

})();//注意这是一个函数表达式而不是一个函数声明。

var stu1 = new Student("bobo");
console.log(stu1.getName()); //bobo
var stu2 = new Student("Grey");
console.log(stu1.getName()); //Grey(说明静态变量确实被stu2对象修改了)
</script>
</body>
</html>