`
zengguo1988
  • 浏览: 280063 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

JavaScript继承

阅读更多

         面向对象编程一直是我们编程的重点,它将数据和代码有机的结合,使编程的思想更加简单化和逻辑化。但JavaScript却不是一门完全的编程语言,它只是一门基本面向对象的编程语言,在JavaScript中没有"类"的概念,只有对象和函数。但JavaScript也有面向对象的基本特征----继承、封装、多态

         继承主要是指父类与子类之间的逻辑关系,子类可以从父类那继承方法、属性,其实这和现实的生活是完全吻合的。

           JavaScript继承实现一:

function Person(name,food){
     this.name=name;
     this.eat=function(){
     alert(name+" eat "+food);
     }
 }
 function Boy(food){
     Person.call(this,"boy",food);//调用父类的构造方法
 }
 function Girl(food){
     Person.call(this,"girl",food);//调用父类的构造方法
 }
 var b=new Boy("fish");
 var g=new Girl("pig");
 //alert(boy.constructor==girl.constructor);//false
 b.eat();//fish
 g.eat();//pig
 alert(b.name);//boy
 alert(g.name);//girl

 

 

    JavaScript继承实现二:

function Animal(){
  this.name="animal";
  /*this.eat=function(){
   alert("eat");
  }*/
 }
 //通过prototype给Animal对象动态添加方法
 Animal.prototype.eat=function(food){
  alert("eat "+food);
 }
 //子类Dog
 function Dog(){
  
 }
 Dog.prototype=new Animal();//通过prototype(原型),建一个基类的对象作为子类原型的原型
 var d=new Dog();
 d.eat("骨头");
 
 //另一个子类Snake
 function Snake(){
  
 }
 Snake.prototype=new Animal();//通过prototype(原型),建一个基类的对象作为子类原型的原型
 var s=new Snake();
 s.eat("------");

 s.show=function(){
  alert("show");
 }
 s.show();
 var a=new Animal();
 a.show();//错误,父类是不能调用子类方法的

 

 

 说明:JavaScript 的所有function 类型的对象都有一个prototype 属性。这个prototype 属性本身又是一
个object 类型的对象,因此我们也可以给这个prototype 对象添加任意的属性和方法。既然prototype
是对象的“原型”,那么由该函数构造出来的对象应该都会具有这个“原型”的特性。事实上,在构造函数的p
rototype 上定义的所有属性和方法,都是可以通过其构造的对象直接访问和调用的。也可以这么说,pro
totype 提供了一群同类对象共享属性和方法的机制。

 

 在原型模型中,为了实现类继承,必须首先将子类构造函数的prototype 设置为一个父类的对象实例。
创建这个父类对象实例的目的就是为了构成原型链,以起到共享上层原型方法作用。

 

 在javascript中,所有的方法都有一个call方法和apply方法.这两个方法可以模拟对象调用方法.它的第一个参数是对象,后面的
参数表示对象调用这个方法时的参数

 

分享到:
评论

相关推荐

    JavaScript继承机制研究.pdf

    JavaScript继承机制研究 在本文中,我们将深入探讨JavaScript继承机制的实现方式,并对基于原型的继承、构造函数方式继承、组合继承、寄生式继承等继承机制进行了总结归纳和分析。 基于原型的继承 JavaScript是...

    详解Javascript继承的实现

    本文将深入探讨JavaScript继承的实现方式,以及其中的问题和解决方案。 首先,我们来看混合方式的实现,这种方式结合了原型链和对象冒充。在JavaScript中,构造函数是用于创建特定类型对象的函数。例如,`Employee`...

    JavaScript继承的特性与实践应用深入详解

    这里我们将深入探讨JavaScript继承的特性以及实践应用。 首先,JavaScript的继承基于原型链。每个对象都有一个`__proto__`属性,指向创建它的构造函数的原型对象。当试图访问对象的一个属性时,JavaScript会沿着...

    史上最为详细的javascript继承(推荐)

    JavaScript 继承是面向对象编程中的关键概念,它允许创建基于现有对象的新对象,从而能够复用和扩展已有功能。本文将深入探讨JavaScript中的几种继承方式,包括它们的基本原理、优缺点以及适用场景。 首先,原型链...

    javascript继承的六大模式小结

    本文将深入探讨JavaScript继承的六大模式:原型链、借用构造函数、组合继承、原型式继承、寄生式继承以及寄生组合式继承。 1. **原型链** 原型链是JavaScript中最基础的继承方式,通过原型对象的引用实现。每个...

    JavaScript 继承详解(六)

    在本章中,我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库,可以说是JavaScript类库的鼻祖。 我在几年前接触的第一个JavaScript类库就是这位,因此Prototypejs有着广泛的...

    javascript继承之为什么要继承.docx

    JavaScript 继承之为什么要继承 JavaScript 中的继承机制是指子类继承父类的属性和方法,使得子类可以拥有父类的所有特征。继承是面向对象编程的基本机制之一,它可以实现代码复用、提高编程效率和增强代码的可维护...

    JavaScript继承机制探讨及其应用.pdf

    JavaScript继承机制探讨及其应用 JavaScript是一门弱类型语言,具有函数式编程和面向对象编程的特点。随着近几年JavaScript生态圈的发展和成熟,项目的编码量和复杂度也在呈几何级数增长。JavaScript面向对象编程中...

    JavaScript继承与多继承实例分析.docx

    1. **JavaScript继承** - **原理**:JavaScript的继承主要是通过原型链(prototype chain)来实现的。每个JavaScript对象都有一个内部属性[[Prototype]],通常可以通过`__proto__`访问,或通过`Object....

    Javascript继承[参考].pdf

    在深入理解JavaScript继承之前,我们需要掌握几个核心概念:父类(也称作超类)是指被继承的类,子类是通过继承父类得到的类,抽象类通常不用于实例化,而是作为其他类继承的基础,基类是提供给其他类继承的类,派生...

    【JavaScript源代码】JavaScript继承的三种方法实例.docx

    ### JavaScript继承的三种方法实例详解 #### 一、概述 在JavaScript中,虽然原生语言层面没有提供传统意义上的“类”这一概念,但它通过构造函数和原型链等机制实现了类的功能,尤其是继承这一核心概念。继承是...

    详解Javascript继承的实现_.docx

    本文将深入探讨JavaScript继承的实现,并分析其潜在的问题和解决方案。 首先,我们来看混合方式的实现,这是一种常见的继承策略,结合了原型链和构造函数继承。在JavaScript中,对象的属性和方法可以通过原型链进行...

    13、JavaScript继承实现(二) —— zInherit、xbObjects

    zInherit是一种常用的JavaScript继承实现方式,它通过修改对象的`__proto__`属性来实现继承。`__proto__`指向父对象的原型,从而使得子对象能够访问父对象的属性和方法。但是,`__proto__`并不是所有浏览器都支持的...

    JavaScript 继承的实现

    JavaScript继承的实现方式多样,除了原型链之外,还有如下几种常见方式: 1. **构造函数继承**:通过调用父构造函数来初始化子对象,但不能避免方法重复。 2. **原型链继承**:通过修改子构造函数的原型使其指向父...

    javascript继承实例

    本篇文章将深入探讨JavaScript继承的实例,以及如何通过继承来提高代码的可维护性和效率。 首先,我们需要了解JavaScript中的原型(prototype)机制。每个JavaScript对象都有一个内部属性[[Prototype]],通常通过`_...

Global site tag (gtag.js) - Google Analytics