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

WBOY
發布: 2016-06-06 20:39:52
原創
1331 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板