JavaScript继承方式(4)
4,继承工具函数四
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | /** * @param {String} className * @param {String/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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | /** * 父类 Person */ $ class ( 'Person' , '' , function (){ this .init = function (name){ this .name = name; }; this .getName = function (){ return this .name; }; this .setName = function (name){ this .name = name; } }); |
子类Man
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | /** * 子类 Man */ $ class ( 'Man' , Person, function (supr){ this .init = function (name, age){ supr.init.apply( this ,[name]); // 该句很重要 this .age = age; }; this .getAge = function (){ return this .age; }; this .setAge = function (age){ this .age = age; }; }); var m = new Man( 'Jack' ,25); console.log(m.name); // Jack console.log(m.age); // 25 |
从输出看可以看到子类Man的确继承了父类的属性和方法。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步