zoukankan      html  css  js  c++  java
  • JavaScript的写类方式(4)

    工具函数如下

    /**
     * $class 写类工具函数之三
     * @param {String} className
     * @param {Function} superClass
     * @param {Function} classImp
     */
    function $class(className, superClass, classImp) {
    	if (superClass === "") superClass = Object;
    	function clazz() {
    		if (typeof this.init == "function") {
    			this.init.apply(this, arguments);
    		}
    	}
    	var p = clazz.prototype = new superClass();
    	var _super = superClass.prototype;
    	window[className] = clazz;
    	classImp.apply(p, [_super]);
    }
    

    定义一个Person类

    $class('Person', '', function() {
    	// 构造函数
    	this.init = function(name) {
    		this.name = name;
    	};
    	// 方法体
    	this.getName = function() {
    		return this.name;
    	};
    	this.setName = function(name) {
    		this.name = name;
    	};
    });
    

    创建对象看看

    var p = new Person('Jack');
    console.log(p); 
    console.log(p.constructor == Person); // false		
    

    使用该工具函数写类需注意,this.init方法必不可少。使用过Prototype库的同学会知道Class.create后的initialize方法也是必不可少的。

    因为没考虑继承,第二个参数superClass使用空字符串,即默认继承于Object。

    从输出为false可看到,这个工具类没有去维护constructor属性。 设计的每一种写类方式都是有取舍的,这完全取决于设计者的意图。

    相关:

    JavaScript的写类方式(5)

    JavaScript的写类方式(6)

  • 相关阅读:
    websocket
    svg vs canvas
    nw
    web sql
    web worker
    【转载】磁盘阵列详解
    【识记】开源软件系列
    【转载】从1.5K到18K 一个程序员的5年成长之路
    SQL中in和not in
    SQL Server select count(distinct *)
  • 原文地址:https://www.cnblogs.com/snandy/p/1973241.html
Copyright © 2011-2022 走看看