JS类模拟练习解析
内容摘要
这篇文章主要为大家详细介绍了JS类模拟练习解析,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记。Simple JavaScript Inheritance可以给Cl
对此感兴趣的朋友,看看idc笔记做的技术笔记。Simple JavaScript Inheritance可以给Cl
文章正文
这篇文章主要为大家详细介绍了JS类模拟练习解析,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记。Simple JavaScript Inheritance可以给Class添加extend方法,但是他那代码目前还是不能太理解,如果不添加extend方法的话写一个类就很简单了,下面这个应该十分容易理解了:JS代码如下:
/**
* JS类
*
* @param
* @arrange (www.idcnote.com)
**/
var Class = function() {
var klass = function() {
this.init.apply(this, arguments);
};
klass.prototype.init = function() {
};
return klass;
};
var Person = new Class;
Person.prototype.init = function(opts) {
opts = $.extend({
"element": 'box'
}, opts || {});
this.opts = opts;
this.element = $(opts.element);
this.render();
};
Person.prototype.render = function() {
var elEl = $(this.element);
var opts = this.opts;
elEl.html(opts.name + ',' + opts.age);
};
/**
* 开始执行脚本
*/
$(function() {
var person = new Person({
element: '.mybox2',
name: '李四',
age: 55
});
});
// 来自:php教程(www.idcnote.com)
注:关于JS类模拟练习解析的内容就先介绍到这里,更多相关文章的可以留意
代码注释