首页 > 编程 > JavaScript > 正文

JavaScript继承定义与用法实践分析

2019-11-19 13:46:04
字体:
来源:转载
供稿:网友

本文实例讲述了JavaScript继承定义与用法。分享给大家供大家参考,具体如下:

javascript 继承 , 老生长谈的东西, 大家应该都很熟悉了, 平时工作基本不会直接使用, 这段时间不忙, 所以补习了下相关基础知识 ,自己动手实践, 加深理解:

基类定义如下:

// base classfunction Animal(t){   if(typeof t==='string')    this.type=t;   else   {    if(t)      this.type=t.toString();    else      this.type='Animal'   }   this.speak=function(str)   {    if(str)      console.log(this.type+' said '+str);    else      throw "please specify what you want to say!";   }}

1. 原型继承 (javascript 类库本身基于原型继承)

String, Number , Boolean 这三大原始类型 我们可以很直接的通过prototype 检查到他们继承自Object.

Date, RegExp ,Array 这三应该是间接继承了Object, 他们的prototype属性很特殊 :

Date.prototype =Invalid DateRegExp.prototype=/(?:)/Array.prototype=[]

原型继承代码如下: (可以看到Mokey 原型链上的Animal和Object)

// Monkey : Animal function Monkey(name,age){   this.name=name;   this.age=age;}Monkey.prototype=new Animal('Monkey');// Example 01var m=new Monkey('codeMonkey',10);    /*    Monkey:    age: 10    name: "codeMonkey"      __proto__: Animal      speak: function (str)      type: "Monkey"        __proto__: Animal        constructor: function Animal(t)          __proto__: Object */console.log(m.type); // Monkeyconsole.log(m.name); // codeMonkeyconsole.log(m.age); // 10m.speak('hello world') // Monkey said hello world 

2. 调用父类构造函数 ( 通过传递子类的this指针 , 将原本是父类的公开成员直接添加到了子类中,从子类原型链中无法看出继承关系)

// Human:Animal function Human(id,name){    // call base class's constuctor function   Animal.call(this,'Human');   this.id=id;   this.name=name;}var h=new Human(1,'leon');/*id: 1name: "leon"speak: function (str)type: "Human"    __proto__: Human    constructor: function Human(id,name)      __proto__: Object*/h.speak('hello world'); // Human said hello world console.log(h.type); // Human

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表