Symbol作用域
Symbol,是ES6语法中新增的,值是由Symbol函数调用产生的。
var s1 = Symbol();
console.log(s1); // Symbol
console.log(typeof s1); // Symbol
var s2 = Symbol('haha');
var s3 = Symobol('haha')
console.log(s2); // Symbol(haha)
console.log(s3); // Symbol(haha)
console.log( s2 === s3 ); // false
很多人都不清楚Symbol的用处,由上面的例子,在chrome浏览器当中,打印的值还是一样,但是s2不等于s3。
那么Symbol是干嘛的呢?
- 属性私有化
- 数据保护
假设
// 创建一个Person构造函数
function Person(name, gender) {
this.name = name;
this.gender = gender;
}
var p1 = new Person('张三', '男');
console.log(p1.gender); // 男
由上面的例子我们可以知道,如果我们new
对象p1
,赋值对应的name
和gender
即可。
但是!我们都知道,性别是不可随意改动的,除非变性手术。那么我们想一直保护gender
属性,让外部只能读取却不能改变呢?
聪明的人就想到了,可以作为一个私有属性。代码演示
// 创建一个Person构造函数
var Person = (function {
var _gender = '';
function P(name, gender) {
this.name = name;
_gender = gender;
}
return P;
// 利用prototype
P.prototype.getGender = functio() {
return _gender;
}
})();
// 创建一个Person对象
var p1 = new Person('张三', '男')
console.log(p1); // 张三
console.log(p1.gender); // undefined
console.log(p1.getGender()); // 男
以上是纯js实现私有变量的问题,学过java的可能更好理解上面的代码。
那么使用symbol
方式呢?
// 创建Person
var Person = (function {
var _gender = Symol('gender');
function P(name, gender) {
this.name = name;
this[_gender] = gender;
}
return P;
}
})();
// 创建一个Person对象
var p1 = new Person('张三', '男');
console.log(p1); //