如何用 JavaScript 实现真正的私有属性

发布网友发布时间：2022-04-25 16:12

共2个回答

懂视网时间：2022-05-15 23:06

很多书上都是说，Javascript是不能真正实现Javascript私有成员的，因此在开发的时候，统一约定 __ 两个下划线开头为私有变量。

后来，发现Javascript中闭包的特性，从而彻底解决了Javascript私有成员的问题。

function testFn(){
 var _Name;//定义Javascript私有成员
 this.setName = function(name){
 _Name = name; //从当前执行环境中获取_Name
 }
 this.getName = function(){
 return _Name;
 }
}// End testFn
var test = testFn();
alert(typeof test._Name === "undefined")//true
test.setName("KenChen");

test._Name 根本访问不到,但是用对象方法能访问到，因为闭包能从当前的执行环境中获取信息。

接下来我们看看,共有成员是怎样实现的

function testFn(name){
 this.Name = name;
 this.getName = function(){
 return this.Name;
 }
}
var test = new testFn("KenChen");
test.getName(); //KenChen
test.Name = "CC";
est.getName();//CC

接下来在看看类静态变量是怎样实现的

function testFn(){
}
testFn.Name = "KenChen";
alert(testFn.Name);//KenChen
testFn.Name = "CC";
alert(testFn.Name);//CC

热心网友时间：2022-05-15 20:14

基于闭包的实现方式

另外一种比较普遍的方式是利用JavaScript的闭包特性。构造函数内定义局部变量和特权函数，其实例只能通过特权函数访问此变量，如下：

function Person(name){ var _name = name; this.getName = function(){ return _name;
}
}var person = new Person('Joe');

这种方式的优点是实现了私有属性的隐藏，Person 的实例并不能直接访问_name属性，只能通过特权函数getName获取：

alert(person._name); // undefinedalert(person.getName()); //'Joe'

使用闭包和特权函数实现私有属性的定义和访问是很多开发者采用的方式，Douglas Crockford也曾在博客中提到过这种方式。但是这种方式存在一些缺陷：

私有变量和特权函数只能在构造函数中创建。通常来讲，构造函数的功能只负责创建新对象，方法应该共享于prototype上。特权函数本质上是存在于每个实例中的，而不是prototype上，增加了资源占用。