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)

  • 相关阅读:
    第三章 属性高级
    第二章 对象高级
    第一章 函数高级
    JavaScript笔记(6)
    Charles断点设置
    Charles安装及设置
    python-uiautomator2(001)
    Pycharm安装及激活
    Postman中Collection Runner添加外部数据文件
    Postman带Token的接口测试
  • 原文地址:https://www.cnblogs.com/snandy/p/1973241.html
Copyright © 2011-2022 走看看