当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS原型继承四步曲及原型继承图一览

JS原型继承四步曲及原型继承图一览

2017年12月08日  | 移动技术网IT编程  | 我要评论

大主宰u8,南印度洋地图,张瀛仁

一：js原型继承四步曲

//js模拟类的创建以及继承
 //动物（animal），有头这个属性，eat方法
 //名字这个属性
 //猫有名字属性，继承animal，抓老鼠方法
 
 //第一步：创建父类
 function animal(name){
  this.name = name;
 }
 //给父类添加属性方法
 animal.prototype.eat = function(){
  console.log(this.name + " eating...");
 
 }
 //第二步：创建子类 
 function cat(name){
  animal.call(this,name);

 }
 //第三步：确定继承的关系
 cat.prototype = object.create(animal.prototype);
 
 //第四步：改造构造器
 //改变了某个构造器的原型之后，紧接着的代码一定是改构造器
 cat.prototype.constructor = cat;
 
 cat.prototype.zhualaoshu = function(){
  console.log(this.name + " 抓 老鼠");
 }
 
 var mao = new cat("猫");
 mao.eat();
 mao.zhualaoshu();

 

二： 原型继承图


下图辅助理解

练习提巩固理解、

函数foo的__proto的值等于foo.prototype,对吗？ 不对
object的prototype可以修改吗？能与不能原因是什么 不可以
顶级constructor是谁？ function()
顶级原型对象是谁？ object.prototype
对象的construtor成员是个属性还是个方法？ 方法
function有没有__proto__,为什么？值等于object.prototype吗？ 有，是function.prototype;
所有的构造器的__proto__都等于其对应的prototype 不对
创建类形式的继承的四部曲是什么？ 创建父类——>创建子类——>确定继承关系——>改构造器
function的constructor与prototype值可以修改吗？ 可以
object.prototype === object.__proto__吗？ 不对
function.prototype === function.__proto__吗？ 是
function f(){}; var f1 = new f();f1.__proto__ === object.prototype吗？ 不对

以上这篇js原型继承四步曲及原型继承图一览就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网