js defineSetter - Automatically add a set attribute (method) to js "class"_javascript skills

Writing comments is not my strong point. If you have any questions, please write them in the comments:D

When writing a JS class, such as

[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute

]

In order to easily understand the code, and To better distinguish public and private variables, I usually use the set... method (...for certain (some) member variables) to assign values ​​to members of the class. These set methods are of course public. Another point is to make the code more standardized.

However, the problem lies here. If the above code does not consider verification validity (or only verifies simple validity), then we will have a lot of extra code. Imagine a class with 20 members (attributes) ), then we have to add 20 set... methods, which is really redundant, so we need to find a way to solve this problem.

Recall that in Mozilla, there are __defineSetter__ and __defineGetter__ methods to add members to the DOM, which brings a lot of convenience to developers. Let’s also imitate a js version of __defineSetter.

Simple idea:
Use JS to dynamically add methods (or attributes) to objects
But there is no need to add set... methods in the class.
Attributes that are not in the [a-z] range will no longer add set... methods.

Write the implementation code

<n.length i var letter="n.substring(0,1).toUpperCase();" n="n.substr(1);" if return null hdle self new function p else> var _defineSetter = function (self, p, hdle) { //If the attribute is empty or a value considered false in js, then return if (!p || !self || "function"!=typeof self) return null; //Force transformation and set self as a reference to the Function (i.e. class). Of course, you can also add the attribute set method in the class instead of the set method of the prototype attribute. p = String(p); self = self.prototype; //If the member is not a method (function), add the set.. method if ("function"!=typeof self[p]) { var n = (function _n (n) { n = String(n); for (var i=0; i<n.length i var letter="n.substring(0,1).toUpperCase();" n="n.substr(1);" if return null the set... member and dynamically add a method to this below. there is no custom function hdle self new p else></n.length><input onclick="runEx('runcode55985')" type="button" value="运行代码"><input onclick="doCopy('runcode55985')" type="button" value="复制代码"> <input onclick="doSave(runcode55985)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A Select all Note: </a>If you need to introduce external Js, you need to refresh it to execute </n.length>

]

Basically implemented _defineSetter, It would be too troublesome for us to defineSetter one by one. Now that the prototype has been implemented, use the prototype to dynamically bind to the Function object. One line of code will solve the set.. method.
Function.prototype.defineAllSetter = function (hdle) {

for (var i in this.prototype)
_defineSetter.apply(this, [this,i,hdle]);

return this;

};

The next step is to bind a defineSetter to the Function object.

Function.prototype.defineSetter = function (p, hdle) {

return _defineSetter.apply(this,
[this].concat(Array.prototype.slice.call(arguments ,0)));

};

OK! The desired function is basically completed. try it...

[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute it
]
DEMO and all codes of this example:
http://www.never-online.net/code/js/defineSetter/ <script> function jsclass() {}; jsclass.prototype = { value: "never-online", //属性1 URL: "www.url.net", //属性2 setValue: function (v) { //set方法 this.value = v; }, setURL: function (v) { //set方法 if (/^www\.[a-z]|\-{2,}\.net|com$/i.test(v)) { this.URL = v; } }, print: function () { //打印 alert(this.value); alert(this.URL); } } var o = new jsclass(); o.setValue("never-online'blog"); o.setURL("www.never-online.net"); o.print() </script>Of course, we can also add verification~, I won’t write more specific code, haha, it has been implemented , friends who are interested should also try to play it :D.​