JavaScript 声明私有变量的两种方式

站长资源 2024/11/16 佚名

56 1538 56

铁雪资源网 Design By www.gsvan.com

前言

JavaScript并不像别的语言，能使用关键字来声明私有变量。
我了解的JavaScript能用来声明私有变量的方式有两种，一种是使用闭包，一种是使用WeakMap。

闭包

闭包的描述有很多种，比如：
能访问其它函数作用域的函数；
内部函数访问外部函数作用域的桥梁；
......

使用闭包构建私有变量的逻辑在于：
1.在外部函数中声明变量和内部函数；
2.使用内部函数访问或者修改变量值；
3.在外部函数内返回内部函数；

function outside(){
	let val = 123;
	function inside(){
		return val;
	}
	return inside;
}
console.log(outside()());//123

通过我上面的例子能够大致了解使用闭包构建私有变量的逻辑，但是不足以体现私有变量的重要性，一个const变量也能达到上述代码的效果：

//同样的能访问，但是不能修改，达到了上述代码的效果
const val = 123;
console.log(val);//123

接下来的代码，将具体体现私有变量的重要性：

function person(){ 
 let _name = 'unknown';
 let _age = 18;
 let _sex = 'man';

 function setName(name){
  _name = name || 'unknown';
 }

 function getName(){
  return _name;
 }

 function setAge(age){
  if(typeof age === 'number'){
   _age = Math.floor(age);
  }else{
   throw Error("typeof age !== 'number'");
  }
 }

 function getAge(){
  return _age;
 }

 function setSex(sex){
  if(sex === 'man' || sex === 1){
   _sex = 'man';
  }else if(sex === 'woman' || sex === 0){
   _sex = 'woman';
  }else{
   throw Error('input error');
  }
 }

 function getSex(){
  return _sex;
 }

 return {
  setName : setName,
  getName : getName,
  setAge : setAge,
  getAge : getAge,
  setSex : setSex,
  getSex : getSex
 }
}

let xiaoming = person();
let xiaohong = person();
xiaoming.setName('xiaoming');
xiaohong.setName('xiaohong');
console.log('xiaoming name : ' + xiaoming.getName());//xiaoming name : xiaoming
console.log('xiaohong name : ' + xiaohong.getName());//xiaohong name : xiaohong

xiaoming.setAge(19.3333);
xiaohong.setAge('16');//Uncaught Error: typeof age !== 'number'
console.log('xiaoming age : ' + xiaoming.getAge());//xiaoming age : 19
console.log('xiaohong age : ' + xiaohong.getAge());//xiaohong age : 18


xiaoming.setSex(1);
xiaohong.setSex('woman');
console.log('xiaoming sex : ' + xiaoming.getSex());//xiaoming sex : man
console.log('xiaohong sex : ' + xiaohong.getSex());//xiaohong sex : woman

从上面的代码中，可以看出，如果想要设置或者获取 _name、_age、_sex三个变量的值，只能通过固定的 setName、getName、setAge、getAge、setSex、getSex等方法，而在所有的setter方法中，都对形参进行了判断。也就意味着，对对象的所有操作都将在掌控之中，这在某一层面上弱化了JavaScript作为弱类型语言上的一些负面影响。

WeakMap

如果对WeakMap不是很了解的可以先看WeakMap的详细介绍。
这里主要是利用WeakMap的key不可枚举这一知识点。

let nameWeakMap = new WeakMap();
let ageWeakMap = new WeakMap();
let sexWeakMap = new WeakMap();

function person(){
 let _hash = Object.create(null);
 nameWeakMap.set(_hash,'unknown');
 ageWeakMap.set(_hash,18);
 sexWeakMap.set(_hash,'man');
 function setName(name){
  nameWeakMap.set(_hash,name || 'unknown');
 }

 function getName(){
  return nameWeakMap.get(_hash);
 }

 function setAge(age){
  if(typeof age === 'number'){
   ageWeakMap.set(_hash,Math.floor(age));
  }else{
   throw Error("typeof age !== 'number'");
  }
 }

 function getAge(){
  return ageWeakMap.get(_hash);
 }

 function setSex(sex){
  if(sex === 'man' || sex === 1){
   sexWeakMap.set(_hash,'man');
  }else if(sex === 'woman' || sex === 0){
   sexWeakMap.set(_hash,'woman');
  }else{
   throw Error('input error');
  }
 }

 function getSex(){
  return sexWeakMap.get(_hash);
 }

 return {
  setName : setName,
  getName : getName,
  setAge : setAge,
  getAge : getAge,
  setSex : setSex,
  getSex : getSex
 }
}

let xiaoming = person();
let xiaohong = person();
xiaoming.setName('xiaoming');
xiaohong.setName('xiaohong');
console.log('xiaoming name : ' + xiaoming.getName());//xiaoming name : xiaoming
console.log('xiaohong name : ' + xiaohong.getName());//xiaohong name : xiaohong

xiaoming.setAge(19.3333);
xiaohong.setAge('16');//Uncaught Error: typeof age !== 'number'
console.log('xiaoming age : ' + xiaoming.getAge());//xiaoming age : 19
console.log('xiaohong age : ' + xiaohong.getAge());//xiaohong age : 18


xiaoming.setSex(1);
xiaohong.setSex('woman');
console.log('xiaoming sex : ' + xiaoming.getSex());//xiaoming sex : man
console.log('xiaohong sex : ' + xiaohong.getSex());//xiaohong sex : woman

同样达成了构建私有变量的效果。顺便提一句，class中构建私有变量用的就是WeakMap。

结尾

这篇文章只是记录我知道的关于JavaScript构建私有变量的方法以及作用，如有错误和遗漏，欢迎指出，不胜感谢。

以上就是JavaScript 声明私有变量的两种方式的详细内容，更多关于JavaScript 声明私有变量的资料请关注其它相关文章！

JavaScript,声明变量,JavaScript,私有变量

标签：

JavaScript,声明变量,JavaScript,私有变量

铁雪资源网 Design By www.gsvan.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

铁雪资源网 Design By www.gsvan.com

评论“JavaScript 声明私有变量的两种方式”

暂无JavaScript 声明私有变量的两种方式的评论...

www.gsvan.com 铁雪资源网

39,976影音资源

144,792福利资源

1,817软件资源

431,128技术资源

JavaScript 声明私有变量的两种方式

前言

闭包

WeakMap

结尾

JavaScript,声明变量,JavaScript,私有变量

JavaScript WeakMap使用详解

node.js文件的复制、创建文件夹等相关操作

评论“JavaScript 声明私有变量的两种方式”

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

友情链接

JavaScript 声明私有变量的两种方式

前言

闭包

WeakMap

结尾

JavaScript,声明变量,JavaScript,私有变量

JavaScript WeakMap使用详解

node.js文件的复制、创建文件夹等相关操作

评论“JavaScript 声明私有变量的两种方式”

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

友情链接

RTX 5090要首发性能要翻倍！三星展示GDDR7显存