首页  >  文章  >  后端开发  >  prototype - javascript 如何实现类似 PHP 的 __set __get

prototype - javascript 如何实现类似 PHP 的 __set __get

WBOY
WBOY原创
2016-06-06 20:39:521332浏览

JS

如何让JS实现类似PHP的 __set __get方法?

<code>html</code><code><input type="text" id="ipt1" name="username" value="1" _tipstxt="提示内容">
<script type="text/javascript">
var username = document.getElementById('ipt1');
alert(username._tipsTxt);
alert(username._maxLen); //这些类似 _maxLen 是不确定的
</script>
</code>

属性

<code>javascript</code><code>prototype
</code>

回复内容:

JS

如何让JS实现类似PHP的 __set __get方法?

<code>html</code><code><input type="text" id="ipt1" name="username" value="1" _tipstxt="提示内容">
<script type="text/javascript">
var username = document.getElementById('ipt1');
alert(username._tipsTxt);
alert(username._maxLen); //这些类似 _maxLen 是不确定的
</script>
</code>

属性

<code>javascript</code><code>prototype
</code>

估计你是想要这个:

<code>username.__defineGetter__('_tipsTxt', function(){return this.getAttribute('_tipsTxt');});
username.__defineSetter__('_tipsTxt', function(txt){this.setAttribute('_tipsTxt', txt);});
</code>

JS属性自带set,get功能啊..=_= 请看DEMO:http://jsfiddle.net/7jfmafkd/
具体请查阅:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn