代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>面向对象继承实例</title> <script type="text/javascript"> window.onload = function(){ function parent(age,name){ this.age = age; this.name = name; } parent.prototype.show = function(){ alert(父级方法); } function child(age,name,job){ parent.apply(this,arguments); this.job = job; } (function(){ for(var i in parent.prototype){ child...
构造函数、原型实现继承的缺陷 首先来分析构造函数和原型链两种实现继承方式的缺陷： 构造函数（对象冒充）的主要问题是必须使用构造函数方式，且无法继承通过原型定义的方法，这不是最好的选择。不过如果使用原型链，就无法使用带参数的构造函数了。开发者如何选择呢？答案很简单，两者都用。 构造函数+原型混合方式 这种继承方式使用构造函数定义类，并非使用任何原型。创建类的最好方式是用构造函数定义属性，用原型定义方法。这...
call() 方法call() 方法是与经典的对象冒充方法最相似的方法。它的第一个参数用作 this 的对象。其他参数都直接传递给函数自身。例如： 代码如下:function sayHello(sPrefix,sSuffix) { alert(this.name + ”says“ + sPrefix + sSuffix);}; var obj = new Object();obj.name = "Tom"; sayHello.call(obj, "Hello ", "World.");在这个例子中，函数 sayHello() 在对象外定义，即使它不属于任何对象，也可以引用关键字 this。对象...
如果用原型方式重定义前面例子中的类，它们将变为下列形式： 代码如下:function ClassA() {} ClassA.prototype.color = "blue";ClassA.prototype.sayColor = function () { alert(this.color);}; function ClassB() {} ClassB.prototype = new ClassA();原型方式的神奇之处在于最后一行代码。这里，把 ClassB 的 prototype 属性设置成 ClassA 的实例。这很有意思，因为想要 ClassA 的所有属性和方法，但又不想逐个将它们 添加到...
继承的方式ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不是明确规定的，而是通过模仿实现的。这意味着所有的继承细节并非完全由解释程序处理。作为开发者，你有权决定最适用的继承方式。最原始的继承实现方式就是对象冒充，下面着重介绍该方法。 对象冒充对象冒充实现继承的核心其实依赖于在函数环境中使用 this 关键字。其原理如下：构造函数使用 this 关键字给所有属性和方法赋值（即采用类声明的构...
原型链(prototype chaining)： 利用原型来继承属性和方法。回顾一下构造函数（constructor），原型对象（prototype）和实例（instance）的关系。每一个构造函数都有一个prototype属性，该属性指向一个prototype对象；prototype对象也有constructor属性，指向该函数；而实例也有一个内部指针(__proto__)指向这个prototype对象。如果这个prototype对象是另外一个对象的实例会是怎样的呢？这样该prototype对象就包含一个指向另一个类型...
代码如下:<div id="p_box" onclick="a()"> <div id=p_cont> </div> </div> #p_box包括#p_cont,当点击#p_box区域任何位置时（包括#p_cont），都会触发a事件。想要阻止点击#p_cont区域时触发a事件，需要在#p_cont区域内加入阻止事件冒泡的代码。 变成 代码如下:<div id="p_box" onclick="a()"> <div id="p_cont" onclick="stopBubble(this.id)"> </div> </div> function a(){ //这里是a事件的代码 } function stopBubble(e) { if (...
通常来说，javascript中的对象就是一个指向prototype的指针和一个自身的属性列表。javascript创建对象时采用了写时复制的理念。只有构造器才具有prototype属性，原型链继承就是创建一个新的指针，指向构造器的prototype属性。prototype属性之所以特别，是因为javascript时读取属性时的遍历机制决定的。本质上它就是一个普通的指针。构造器包括: 1.Object2.Function3.Array4.Date5.String 下面我们来举一些例子吧 代码如下:<script>...
什么是继承啊？答：别人白给你的过程就叫继承。 为什么要用继承呢？答：捡现成的呗。 好吧，既然大家都想捡现成的，那就要学会怎么继承！ 在了解之前，你需要先了解构造函数、对象、原型链等概念...... JS里常用的两种继承方式： 原型链继承（对象间的继承）类式继承（构造函数间的继承） 原型链继承：代码如下://要继承的对象var parent={name : "baba" say : function(){ alert("I am baba");}} //新对象var child = proIn...
对象创建： 当一个函数对象被创建时候，Function构造器产生的函数对象会运行类似这样的代码： 代码如下:this.prototype={constructor:this}; 假设函数F F用new方式构造对象时，对象的constructor被设置成这个F.prototype.constructor 如果函数在创建对象前修改了函数的prototype，会影响创建出来对象的construtor属性 如: 代码如下:function F(){}; F.prototype={constructor:1111}; var o=new F();//o.constructor===‘1111 tr...
这是一篇关于JavaScript的面向对象和继承的文章，写于1年前，作者循序渐进，对想学习JavaScript中面向对象的同学来说是很有帮助的，因此试着翻译一下，不妥之处，请指正。原文链接Objects and Inheritance in Javascript 虽然一些Javascript用户可能永远也不需要知道原型或面向对象语言的性质，但是那些来自传统面向对象的语言的开发者使用的时候会发现JavaScript的继承模型非常的奇怪。而不同的JS框架提供了各自的方法来编写类面向...
Quiz1 Javascript真的需要类（Class）么？ 我们首先先看下其他有类（Class）的面向对象语言（如：Java）的一些特性。 父类与子类 父类（Superclass）和子类（Subclass），并不是为了解决父亲与儿子的问题，而是为了解决类的包含关系的，我们用Sub表示“子类”，用Sup表示“父类”，则有： Sub Sup 这是有区别的，例如通常我们能够将子类当成父类来使用，但认人的时候我们并不能把儿子当成父亲。 或者可以这么说，父类和子类不是...
Javascript中存在“类”么？ 万物皆对象 Javascript中除了基本数据（Undefined、Null、Boolean、Number、String），其他都是对象（Object）。 实际上，Javascript中的对象是数据与功能的集合。例如我们知道： 代码如下:var foo = new Function("alert('hello world!')"); foo();可见foo是一个函数，也是一种对象。再比如说： 代码如下:function foo(){ //do something } foo.data = 123; foo["data2"] = "hello"; alert(foo.data...
继承 继承是面向对象语言的必备特征，即一个类能够重用另一个类的方法和属性。在JavaScript中继承方式的实现方式主要有以下五种：对象冒充、call()、apply()、原型链、混合方式。 下面分别介绍。 对象冒充 原理：构造函数使用this关键字给所有属性和方法赋值。因为构造函数只是一个函数，所以可以使ClassA的构造函数成为ClassB的方法，然后调用它。ClassB就会收到ClassA的构造函数中定义的属性和方法。 示例： 代...