Heim  >  Artikel  >  Backend-Entwicklung  >  prototype - javascript 如何实现类似 PHP 的 __set __get

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

WBOY
WBOYOriginal
2016-06-06 20:39:521332Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn