双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒，抽取你的专属好礼

— 惊喜奖品抢先看 —

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

怎么实现JS类私有属性？

2014-03-19 11:31:53 718 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

ywq0127 墨衍会员 · AI 创作全网分发关注 + 加入社区

博途AI助手演示，完成简单且重复的梯形图代码，并导入到博途自写个博途AI助手，下面演示AI帮我生成完善多个模拟量输入转换的代码，阅读详情

上代码：



(function(){

	function test(){

		var data;

	}

	test.prototype = {

		get: function(){

			return data;

		},

		set: function(val){

			data = val;

			return this;

		}

	}

	window.test = test;

})();



var obj1 = new test();

obj1.set("1234");

console.log(obj1.get());



var obj2 = new test();

console.log(obj2.get())

现在的问题是，两个对象都能访问到data的值。而不是像java，php等属性是绑定在对象上的，现在这里的这种情况就有点像data是类静态属性或常量。

...全文

OnlyOffice Docker部署实战：解除20连接限制+500M文件上传配置（附中文字体解决方案）本文详细介绍了OnlyOffice企业级Docker部署的全过程，包括解除20并发连接限制、提升文件上传大小至500MB以及解决中文字体显示问题。通过定制镜像、优化配置和字体安装，帮助技术团队快速搭建高性能的文档协作平台，适用于企业级应用场景。阅读详情

ywq0127

JavaScript 87,983 成员 224,680 内容

+ 关注 + 加入社区

切换为时间正序

zhjdg 2014-03-19

打赏
举报

你叫他访问，他能不访问吗？ java，php等属性的私有变量，难道不能通过公用方法来访问吗？

ywq0127 2014-03-19

打赏
举报

引用 3 楼 u011461314 的回复:

这么不行 [code=javascript][/code function Test(){ } Test.prototype = (function(){ var data; return { get: function(){ return data; }, set: function(val){ data = val; return this; } } })(); var $a = new Test(); $a.set('wawa'); var $v = $a.get();

哥们有没有看清需求啊？如果单纯的只是为了不能使用“.”访问的话，我一开始的就可以了。

zhjdg 2014-03-19

打赏
举报

这么不行 [code=javascript][/code function Test(){ } Test.prototype = (function(){ var data; return { get: function(){ return data; }, set: function(val){ data = val; return this; } } })(); var $a = new Test(); $a.set('wawa'); var $v = $a.get();

ywq0127 2014-03-19

打赏
举报

引用 1 楼 u011461314 的回复:

function test(){
			
		}	
	test.prototype = (function(){
		var data;
		return {
	        get: function(){
	            return data;
	        },
	        set: function(val){
	            data = val;
	            return this;
	        }
	    }
	})();

不行的，这种我也测试过了。

zhjdg 2014-03-19

打赏
举报

function test(){
			
		}	
	test.prototype = (function(){
		var data;
		return {
	        get: function(){
	            return data;
	        },
	        set: function(val){
	            data = val;
	            return this;
	        }
	    }
	})();

ywq0127 2014-03-19

打赏
举报

引用 14 楼 u011461314 的回复:

来点高级。

function Test() {			
			this.id = ++arguments.callee.prototype.uid;						
		}
		Test.prototype = (function() {
			var data = [];
			return {
				get : function() {
					return data[this.id];
				},
				set : function(val) {
					data[this.id] = val;
					return this;
				}
			}
		})()
		Test.prototype.uid=0;

		var $a = new Test();
		$a.set('wawa');
		var $v = $a.get();
		var $b = new Test();
		$b.set('xxx');
		var $b = $b.get();

this.id = ++arguments.callee.prototype.uid; 改成 this.id = arguments.callee.prototype.uid++; 可能好一点

ywq0127 2014-03-19

打赏
举报

引用 13 楼 l676331991 的回复:

LZ的代码有问题好不好，demo成功了只是因为先调用了set再调用get而已！这也是两个实例共用了一个data的原因啊，像静态的一样是吧，因为这个data被set到window上去了！！
(function(){
    function test(){
        var data;  //这个data形同虚设，下面的get/set根本不是用的这货呀！
    }
    test.prototype = {
        get: function(){
            return data;
        },
        set: function(val){
            data = val;  //这个data根本不能引用test内部的data，其实这里是window.data = val;
            return this;
        }
    }
    window.test = test;
})();
要实现你的需求，#1、#7、#8都可以。

多谢指出

ywq0127 2014-03-19

打赏
举报

感谢上面各位热心帮忙，JS基础不扎实

看来想实现属性不共用，只能是#7 #8这种写法了

zhjdg 2014-03-19

打赏
举报

来点高级。

function Test() {			
			this.id = ++arguments.callee.prototype.uid;						
		}
		Test.prototype = (function() {
			var data = [];
			return {
				get : function() {
					return data[this.id];
				},
				set : function(val) {
					data[this.id] = val;
					return this;
				}
			}
		})()
		Test.prototype.uid=0;

		var $a = new Test();
		$a.set('wawa');
		var $v = $a.get();
		var $b = new Test();
		$b.set('xxx');
		var $b = $b.get();

l676331991 2014-03-19

打赏
举报

LZ的代码有问题好不好，demo成功了只是因为先调用了set再调用get而已！这也是两个实例共用了一个data的原因啊，像静态的一样是吧，因为这个data被set到window上去了！！


(function(){
    function test(){
        var data;  //这个data形同虚设，下面的get/set根本不是用的这货呀！
    }
    test.prototype = {
        get: function(){
            return data;
        },
        set: function(val){
            data = val;  //这个data根本不能引用test内部的data，其实这里是window.data = val;
            return this;
        }
    }
    window.test = test;
})();

要实现你的需求，#1、#7、#8都可以。

xuzuning 2014-03-19

打赏
举报

私有属性是指不能在对象外直接访问的属性私有属性不具有继承性

zhjdg 2014-03-19

打赏
举报

我刚才没想到，他们是共用的。

zhjdg 2014-03-19

打赏
举报

对，是实现不了。不过#8那样写就跟class不像。看来，还只能大家默认一下。

		function Test(){
			this._private;			
		}				
	Test.prototype = {
	        get: function(){
	            return this._private;
	        },
	        set: function(val){
	            this._private = val;
	            return this;
	        }
	}

天际的海浪 2014-03-19

打赏
举报

用prototype 是无法实现私有的。私有的话只有#8的方法。

挨踢直男 2014-03-19

打赏
举报

用prototype太麻烦了，难以模拟private访问修饰这样方便


(function(){
    function test(){
        var data;
		
		this.get = function() {
			return data;
		}
		
		this.set = function( val ) {
			data = val;
			return this;
		}
    }
    window.test = test;
})();

王集鹄 2014-03-19

打赏
举报

(function(){
    function test(){
        var data;
        var self = this;
        this.get = function() {
            return data;
        }
        this.set = function(val) {
            data = val;
            return self;
        }
    }
    window.test = test;
})();

var obj1 = new test();
obj1.set("1234");
console.log(obj1.get());
 
var obj2 = new test();
console.log(obj2.get())

zhjdg 2014-03-19

打赏
举报

不是一样吗

class Test{
	private $data;
	public function get(){
		return $this->data;
	}
	public function set($val){
		$this->data = $val;
	}
}

$a = new Test();
$a->set('wawa');
$val = $a->get();

指的是不能$a->data; 同理javascript中不能$a.data

✦双11狂欢大促✦

怎么实现JS类私有属性？

相关推荐

双11狂欢大促