Heim > Artikel > Backend-Entwicklung > prototype - javascript 如何实现类似 PHP 的 __set __get
如何让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实现类似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