머리말
다른 언어와 달리 JavaScript는 키워드를 사용하여 개인 변수를 선언 할 수 있습니다.
JavaScript를 사용하여 두 가지 방법으로 개인 변수를 선언 할 수 있음을 이해합니다.폐쇄, 하나는 사용하는 것입니다WeakMap。
폐쇄
클로저에 대한 많은 설명
이 있습니다 : 다른 기능의 범위에 접근 할 수있는 기능,
외부 기능의 범위에 접근하기위한 내부 기능의 브릿지,
…
비공개 변수를 생성하기 위해 클로저를 사용하는 논리는 다음
과 같습니다 : 1. 외부 함수에서 변수 및 내부 함수 선언
2. 변수 값에 액세스하거나 수정하기 위해 내부 함수 사용
3. 외부 함수에서 내부 함수 반환
function outside(){
let val = 123;
function inside(){
return val;
}
return inside;
}
console.log(outside()());//123
위의 예제를 통해 클로저를 사용하여 private 변수를 구성하는 논리를 대략 이해할 수 있지만 private 변수의 중요성을 반영하는 것만으로는 충분하지 않습니다 .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의 키가 열거 가능하지 않다는 지식 을 사용하기위한 것 입니다.
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
개인 변수 구성의 효과도 달성됩니다. 그건 그렇고, WeakMap은 클래스에서 개인 변수를 구성하는 데 사용됩니다.
종료
이 글은 내가 알고있는 자바 스크립트의 방법과 기능을 기록하기위한 것입니다 .. 오류나 누락이 있으면 알려주세요. 대단히 감사합니다.