JS类模拟练习解析

内容摘要
这篇文章主要为大家详细介绍了JS类模拟练习解析,具有一定的参考价值,可以用来参考一下。

对此感兴趣的朋友,看看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类模拟练习解析的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!