1. symbol
es6中的数据类型有：
number, boolean, string, symbol, null, undefined, object
es6中新增了symbol数据类型，一个 symbol类型的值通过Symbol函数生成的，例如：
var s1 = Symbol('s')
Symbol函数的特性是每一个Symbol函数的返回值都是唯一的，可以通过给symbol函数传递不同的参数产生具有不同标记的值，但是即使相同参数返回的也是唯一的，不同的，也就是说Symbol('miaov') != Symbol('miaov')
尝试在网页中运行这样一段代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
var s1 = Symbol();
var s2 = Symbol();
console.log(s1, s2); //symbol, symbol
var s3 = Symbol('s1');
var s4 = Symbol('s1');
console.log(s3, s4); //symbol(s1), symbol(s2)
console.log( s3 == s4 ); //false，由于symbol函数的返回值是唯一的，所以s3!=s4
</script>
</body>
</html>
2. symbol的作用
symbol的作用在于属性私有化和数据保护，属性私有化的含义是，构建一种对象，它的某一个属性存在，但是不能被外面访问和修改。
//一般情况下，构建一个对象
function Person(name, gender) {
this.name = name;
this.gender = gender;
}
var p1 = new Person('莫涛', '男');
console.log(p1)
一般情况下，通过上面的方法就可以构建Person对象，并创建一个p1对象，之后可以访问p1的姓名，性别。但是如果希望p1的姓名能够被访问修改而性别固定为男性，不能被修改，这就需要属性私有化
没有symbol属性前是这样做的：
var Person = (function() {
var _gender = '';
function P(name, gender) {
this.name = name;
_gender = gender;
}
return P;
})();
var p1 = new Person('john', 'man');
console.log(p1); //P {name: "john"}
上面的做法通过把对象的属性挂在了自执行函数上来实现，可以看出，没有办法在外部访问到私有属性，如果需要访问，需要另定义一个函数
var Person = (function() {
var _gender = '';
function P(name, gender) {
this.name = name;
_gender = gender;
}
P.prototype.getGender = function() {
return _gender;
} //通过原型函数获得私有属性的值
return P;
})();
var p1 = new Person('john', 'man');
console.log(p1); //P {name: "john"}
console.log(p1.getGender()); //man
3. 利用symbol实现属性私有化
var Person = (function() {
let _gender = Symbol('gender');
function P(name, gender) {
this.name = name;
this[_gender] = gender;
}
return P;
})();
var p1 = new Person('john', 'man');
console.log(p1); //P {name: "john", Symbol(gender): "man"}
console.log(p1[Symbol('gender')]) //undefined
可以看出，打印出来的对象多了一个Symbol(gender)属性，但是这个属性却没有办法被访问，原因就在于symbol函数的值是唯一的，也就是说p1[Symbol('gender')]中Symbol('gender')的值和对象构建中let _gender = Symbol('gender');的Symbol('gender')的值是不一样的，这样实现了属性私有化。
网友评论