ホームページ >バックエンド開発 >PHPチュートリアル >prototype - javascript 如何实现类似 PHP 的 __set __get

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

WBOY
WBOYオリジナル
2016-06-06 20:39:521361ブラウズ

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 までご連絡ください。