最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 22:13:59
文档

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

JavaScript继承定义与用法实践分析:本文实例讲述了JavaScript继承定义与用法。分享给大家供大家参考,具体如下: javascript 继承 , 老生长谈的东西, 大家应该都很熟悉了, 平时工作基本不会直接使用, 这段时间不忙, 所以补习了下相关基础知识 ,自己动手实践, 加深理解: 基类定义如下
推荐度:
导读JavaScript继承定义与用法实践分析:本文实例讲述了JavaScript继承定义与用法。分享给大家供大家参考,具体如下: javascript 继承 , 老生长谈的东西, 大家应该都很熟悉了, 平时工作基本不会直接使用, 这段时间不忙, 所以补习了下相关基础知识 ,自己动手实践, 加深理解: 基类定义如下


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

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

基类定义如下:

// base class
function 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 Date
RegExp.prototype=/(?:)/
Array.prototype=[]

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

// Monkey : Animal 
function Monkey(name,age)
{
 this.name=name;
 this.age=age;
}
Monkey.prototype=new Animal('Monkey');
// Example 01
var 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); // Monkey
console.log(m.name); // codeMonkey
console.log(m.age); // 10
m.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: 1
name: "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程序设计有所帮助。

文档

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

JavaScript继承定义与用法实践分析:本文实例讲述了JavaScript继承定义与用法。分享给大家供大家参考,具体如下: javascript 继承 , 老生长谈的东西, 大家应该都很熟悉了, 平时工作基本不会直接使用, 这段时间不忙, 所以补习了下相关基础知识 ,自己动手实践, 加深理解: 基类定义如下
推荐度:
标签: js javascript 分析
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top