JS类模拟练习解析
内容摘要
这篇文章主要为大家详细介绍了JS类模拟练习解析，具有一定的参考价值，可以用来参考一下。
文章正文
这篇文章主要为大家详细介绍了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
});
});
代码注释
作者：喵哥笔记
