JavaScript 声明私有变量的两种方式
前言
JavaScript并不像别的语言，能使用关键字来声明私有变量。
我了解的JavaScript能用来声明私有变量的方式有两种，一种是使用闭包，一种是使用WeakMap。
闭包
闭包的描述有很多种，比如：
能访问其它函数作用域的函数；
内部函数访问外部函数作用域的桥梁；
......
使用闭包构建私有变量的逻辑在于：
1.在外部函数中声明变量和内部函数；
2.使用内部函数访问或者修改变量值；
3.在外部函数内返回内部函数；
functionoutside(){
letval=123;
functioninside(){
returnval;
}
returninside;
}
console.log(outside()());//123
通过我上面的例子能够大致了解使用闭包构建私有变量的逻辑，但是不足以体现私有变量的重要性，一个const变量也能达到上述代码的效果：
//同样的能访问，但是不能修改，达到了上述代码的效果 constval=123; console.log(val);//123
接下来的代码，将具体体现私有变量的重要性：
functionperson(){
let_name='unknown';
let_age=18;
let_sex='man';
functionsetName(name){
_name=name||'unknown';
}
functiongetName(){
return_name;
}
functionsetAge(age){
if(typeofage==='number'){
_age=Math.floor(age);
}else{
throwError("typeofage!=='number'");
}
}
functiongetAge(){
return_age;
}
functionsetSex(sex){
if(sex==='man'||sex===1){
_sex='man';
}elseif(sex==='woman'||sex===0){
_sex='woman';
}else{
throwError('inputerror');
}
}
functiongetSex(){
return_sex;
}
return{
setName:setName,
getName:getName,
setAge:setAge,
getAge:getAge,
setSex:setSex,
getSex:getSex
}
}
letxiaoming=person();
letxiaohong=person();
xiaoming.setName('xiaoming');
xiaohong.setName('xiaohong');
console.log('xiaomingname:'+xiaoming.getName());//xiaomingname:xiaoming
console.log('xiaohongname:'+xiaohong.getName());//xiaohongname:xiaohong
xiaoming.setAge(19.3333);
xiaohong.setAge('16');//UncaughtError:typeofage!=='number'
console.log('xiaomingage:'+xiaoming.getAge());//xiaomingage:19
console.log('xiaohongage:'+xiaohong.getAge());//xiaohongage:18
xiaoming.setSex(1);
xiaohong.setSex('woman');
console.log('xiaomingsex:'+xiaoming.getSex());//xiaomingsex:man
console.log('xiaohongsex:'+xiaohong.getSex());//xiaohongsex:woman
从上面的代码中，可以看出，如果想要设置或者获取_name、_age、_sex三个变量的值，只能通过固定的setName、getName、setAge、getAge、setSex、getSex等方法，而在所有的setter方法中，都对形参进行了判断。也就意味着，对对象的所有操作都将在掌控之中，这在某一层面上弱化了JavaScript作为弱类型语言上的一些负面影响。
WeakMap
如果对WeakMap不是很了解的可以先看WeakMap的详细介绍。
这里主要是利用WeakMap的key不可枚举这一知识点。
letnameWeakMap=newWeakMap();
letageWeakMap=newWeakMap();
letsexWeakMap=newWeakMap();
functionperson(){
let_hash=Object.create(null);
nameWeakMap.set(_hash,'unknown');
ageWeakMap.set(_hash,18);
sexWeakMap.set(_hash,'man');
functionsetName(name){
nameWeakMap.set(_hash,name||'unknown');
}
functiongetName(){
returnnameWeakMap.get(_hash);
}
functionsetAge(age){
if(typeofage==='number'){
ageWeakMap.set(_hash,Math.floor(age));
}else{
throwError("typeofage!=='number'");
}
}
functiongetAge(){
returnageWeakMap.get(_hash);
}
functionsetSex(sex){
if(sex==='man'||sex===1){
sexWeakMap.set(_hash,'man');
}elseif(sex==='woman'||sex===0){
sexWeakMap.set(_hash,'woman');
}else{
throwError('inputerror');
}
}
functiongetSex(){
returnsexWeakMap.get(_hash);
}
return{
setName:setName,
getName:getName,
setAge:setAge,
getAge:getAge,
setSex:setSex,
getSex:getSex
}
}
letxiaoming=person();
letxiaohong=person();
xiaoming.setName('xiaoming');
xiaohong.setName('xiaohong');
console.log('xiaomingname:'+xiaoming.getName());//xiaomingname:xiaoming
console.log('xiaohongname:'+xiaohong.getName());//xiaohongname:xiaohong
xiaoming.setAge(19.3333);
xiaohong.setAge('16');//UncaughtError:typeofage!=='number'
console.log('xiaomingage:'+xiaoming.getAge());//xiaomingage:19
console.log('xiaohongage:'+xiaohong.getAge());//xiaohongage:18
xiaoming.setSex(1);
xiaohong.setSex('woman');
console.log('xiaomingsex:'+xiaoming.getSex());//xiaomingsex:man
console.log('xiaohongsex:'+xiaohong.getSex());//xiaohongsex:woman
同样达成了构建私有变量的效果。顺便提一句，class中构建私有变量用的就是WeakMap。
结尾
这篇文章只是记录我知道的关于JavaScript构建私有变量的方法以及作用，如有错误和遗漏，欢迎指出，不胜感谢。
以上就是JavaScript声明私有变量的两种方式的详细内容，更多关于JavaScript声明私有变量的资料请关注毛票票其它相关文章！