//js中实现继承的几种方式
//实现继承首先要有一个父类,先创造一个动物的父类
function Animal(name){
this.name = name;
this.shoot = function(){
console.log("yelp");
}
}
//动物的原型
Animal.prototype.eat = function(food){
 
console.log(name+"吃"+food);
}
//1.实例继承
var dog = new Animal("大黄");
// console.log(dog.name);
// dog.eat("骨头");
//用父类的构造函数实例化出来的实例对象就继承了父类的属性和方法
//缺点:
//2.上下文继承,改变this的指向
function Dog(name){
Animal.call(this);
this.name = name;
}
var dog = new Dog("rose");
//dog.shoot();
//console.log(dog.name);
// dog.eat("fish");//报错,不能继承原型方法
//使用上下文的方法,改变this的指向,让Dog拥有Animal的属性
//缺点:只能继承父类的实例属性和方法,不能继承父类的原型属性和方法
//3.遍历继承
/* var cat = {};
var a = new Animal("jj");
cat.prototype.lookhome = function(){
console.log("lookhome");
}
for(var key in a){
cat[key]=a[key];
}
cat.lookhome();
console.log(cat.name);
cat.shoot();
cat.eat("fish");*/
//使用循环遍历的方法,把Animal的属性赋给cat,这样cat就拥有了Animal的属性和方法
//4.原型链继承
/* function Cat(name){
this.name = name;
}
Cat.prototype = new Animal();
var cat = new Cat("kitty");
cat.shoot();
cat.eat("meat");//吃meat,没有名字,不能给父类的构造函数传参
console.log(cat.name);*/
//把父类的实例赋给子类的原型,这样子类实例化出来的实例就拥有了父类的属性和方法
//缺点:不能向父类的构造函数传参,
//5.混合继承
/* function Cat(name){
Animal.call(this);
this.name = name;
}
Cat.prototype = new Animal();
Cat.prototype.lookhome=function(){
console.log("lookhome");
}
var cat = new Cat("kitty");
cat.eat("fish");
cat.shoot();
cat.lookhome();
console.log(cat.name);*/
//结合上下文和原型链继承,让子类拥有父类的属性和方法,也拥有原型方法
//缺点:如果要给子类添加自己的原型属性和方法,必须放在继承父类属性的后面,放在继承之前会
//被覆盖
//6.另一种方式实现继承
/* function Cat(){
this.sleep = function(){
console.log("cat sleep");
}
}
Cat.prototype.lookhome = function(){
console.log("lookhome");
}
Cat.prototype.__proto__ = new Animal();
 
var cat = new Cat();
cat.eat("fish");
cat.sleep();
cat.lookhome();*/
//每一个对象都有一个__proto__的属性,通过父类的构造函数的原型的__proto__属性,继承父类的属性和方法,这样不会覆盖自己的原型方法

js 实现继承的几种方式的更多相关文章

  1. js实现继承的5种方式 (笔记)

    js实现继承的5种方式 以下 均为 ES5 的写法: js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承 ...

  2. js 实现继承的6种方式(逐渐优化)

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  3. js实现继承的两种方式

    这是面试时面试官会经常问到问题: js的继承方式大致可分为两种:对象冒充和原型方式: 一.先说对象冒充,又可分为3种:临时属性方式.call().apply(): 1.临时属性方式: 当构造对象son ...

  4. js实现继承的5种方式

    js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对象冒充实现继承(该种实现 ...

  5. 深入浅出js实现继承的7种方式

    给大家介绍7中js继承的方法 有些人认为JavaScript并不是真正的面向对象语言,在经典的面向对象语言中,您可能倾向于定义类对象,然后您可以简单地定义哪些类继承哪些类(参考C++ inherita ...

  6. JS实现继承的几种方式

    前言 JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一.那么如何在JS中实现继承呢?让我们拭目以待. JS继承的实现方式 既然要实现继承,那么首先我们得有一个父类,代码如下: // 定义一个 ...

  7. JavaScript面向对象(三)——继承与闭包、JS实现继承的三种方式

      前  言 JRedu 在之前的两篇博客中,我们详细探讨了JavaScript OOP中的各种知识点(JS OOP基础与JS 中This指向详解 . 成员属性.静态属性.原型属性与JS原型链).今天 ...

  8. JS 面向对象 ~ 继承的7种方式

    前言: 继承 是 OO 语言中的一个最为人津津乐道的概念.许多 OO 语言都支持两种继承方式:接口继承 和 实现继承.接口继承只继承方法签名,而实现继承则继承实际的方法.如前所述,由于函数没有签名,在 ...

  9. JS实现继承的几种方式(转)

    转自:幻天芒的博客 前言 JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一.那么如何在JS中实现继承呢?让我们拭目以待. JS继承的实现方式 既然要实现继承,那么首先我们得有一个父类,代码如 ...

随机推荐

  1. 利用脚本,一键设置java环境变量(默认安装路径)

    Windows一键设置Java环境变量 右击以管理员方式运行,注意自行更改JAVA_HOME目录文件安装目录. JDKSetting.bat @echo off color 0a echo.----- ...

  2. 基于Opengl的太阳系动画实现

    #include <GL\glut.h> float fEarth = 2.0f;//地球绕太阳的旋转角度float fMoon = 24.0f;//月球绕地球的旋转角度 void Ini ...

  3. p2657 windy数

    传送门 分析 首先这是一个询问一段区间内的个数的问题,所以我们可以用差分的思想用sum(R)-sum(L-1).然后我们考虑如何求出sum(n),我们用dp[i][j][k][t]表示考虑到第i位,最 ...

  4. $this->autoRender = false

    动作执行完之后禁止调用render()方法

  5. cakephp目录结构

  6. SDUT 3375 数据结构实验之查找三:树的种类统计

    数据结构实验之查找三:树的种类统计 Time Limit: 400MS Memory Limit: 65536KB Submit Statistic Problem Description 随着卫星成 ...

  7. Spring第四篇

    在spring第三篇中介绍了bean元素属性 在第四篇中介绍spring注入的方式 1 set方法注入 建立一个User类 创建私有的属性 set  get 方法  重写toString方法 代码如下 ...

  8. Spring-访问静态资源文件的方法

    转自:  http://blog.163.com/zhangmihuo_2007/blog/static/27011075201453044959574?suggestedreading 如果你的Di ...

  9. 微信小程序小结(4) -- 分包加载及小程序间跳转

    分包加载 某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载(主要是空间不够用,哈哈~). 在构建小程序分包项目时,构建会输出一个或多个功能的分包,其中 ...

  10. AB二进制

    Description 若将一个正整数化为二进制数,在此二进制数中,我们将数字1的个数多于数字0的个数的这类二进制数称为A类数,否则就称其为B类数. 例如: (13)10=(1101)2        ...