初识Symbol

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); //