在上一篇文章中，介绍了原型的概念，了解到在javascript中构造函数、原型对象、实例三个好基友之间的关系：每一个构造函数都有一个“守护神”——原型对象，原型对象心里面也存着一个构造函数的“位置”，两情相悦，而实例呢却又“暗恋”着原型对象，她也在心里留存了一个原型对象的位置。 javascript本身不是面向对象的语言，而是基于对象的语言，对于习惯了其他OO语言的人来说，起初有些不适应，因为在这里没有“类”的概念，或者...
说好的讲解JavaScript继承，可是迟迟到现在讲解。废话不多说，直接进入正题。既然你想了解继承，证明你对JavaScript面向对象已经有一定的了解，如还有什么不理解的可以参考《面向对象JS基础讲解，工厂模式、构造函数模式、原型模式、混合模式、动态原型模式》，接下来讲一般通过那些方法完成JavaScript的继承。原型链JavaScript中实现继承最简单的方式就是使用原型链，将子类型的原型指向父类型的实例即可，即“子类型.prototype =...
要弄清楚原型链就要先弄清楚 function 类型，在javascript中没有类的概念，都是函数，所以它是一门函数式的编程语言。类有一个很重要的特性，就是它可以根据它的构造函数来创建以它为模板的对象。在javascript中，函数就有2个功能 第一、 作为一般函数调用 第二、 作为它原型对象的构造函数 也就new() 我们来看一个例子 代码如下:function a(){ this.name = a; } 当创建一个函数，它会发生什么呢？ 第一、它会创建1个函数对象 也...
代码如下:<mce:script type="text/javascript"><!--/* 每个对象实例都有个属性成员用于指向到它的instanceof 对象(暂称为父对象)的原型(prototype) 我们把这种层层指向父原型的关系称为[原型链 prototype chian] 原型也具有父原型，因为它往往也是一个对象实例，除非我们人为地去改变它 在JavaScript中，"一切都是对象，函数是第一型。" Function和Object都是函数的实例。 Function的父原型指向到Function的原型，Func...
Javascript的继承和标准的oop继承有很大的区别，Javascript的继承是采用原型链的技术，每个类都会将“成员变量”和“成员函数”放到 prototype 上，Js++都过superclass将其链接起来，即 C.prototype.superclass = C.superclass = P.prototype;当 var c = new C()时，c.__proto__ = C.prototype ;当 c访问“成员变量”时，如果在__proto__无法获取时，就会到C.prototype查找，如果又不存在，又会到父类的prototype查找，由于只有 __...
构造函数、原型实现继承的缺陷 首先来分析构造函数和原型链两种实现继承方式的缺陷： 构造函数（对象冒充）的主要问题是必须使用构造函数方式，且无法继承通过原型定义的方法，这不是最好的选择。不过如果使用原型链，就无法使用带参数的构造函数了。开发者如何选择呢？答案很简单，两者都用。 构造函数+原型混合方式 这种继承方式使用构造函数定义类，并非使用任何原型。创建类的最好方式是用构造函数定义属性，用原型定义方法。这...
如果用原型方式重定义前面例子中的类，它们将变为下列形式： 代码如下:function ClassA() {} ClassA.prototype.color = "blue";ClassA.prototype.sayColor = function () { alert(this.color);}; function ClassB() {} ClassB.prototype = new ClassA();原型方式的神奇之处在于最后一行代码。这里，把 ClassB 的 prototype 属性设置成 ClassA 的实例。这很有意思，因为想要 ClassA 的所有属性和方法，但又不想逐个将它们 添加到...
什么是继承啊？答：别人白给你的过程就叫继承。 为什么要用继承呢？答：捡现成的呗。 好吧，既然大家都想捡现成的，那就要学会怎么继承！ 在了解之前，你需要先了解构造函数、对象、原型链等概念...... JS里常用的两种继承方式： 原型链继承（对象间的继承）类式继承（构造函数间的继承） 原型链继承：代码如下://要继承的对象var parent={name : "baba" say : function(){ alert("I am baba");}} //新对象var child = proIn...
当初ECMAscript的发明者为了简化这门语言，同时又保持继承的属性，于是就设计了这个链表。。 在数据结构中学过链表不，链表中有一个位置相当于指针，指向下一个结构体。 于是乎__proto__也一样，每当你去定义一个prototype的时候，相当于把该实例的__proto__指向一个结构体，那么这个被指向结构体就称为该实例的原型。 文字说起来有点儿绕，看图说话 代码如下:var foo = { x: 10, y: 20 }; 当我不指定__proto__的时候，foo也会预...
前言 JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。 虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。 由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下原型和原型链。 原型 10年前，我刚学习Java...
Javascript中所有function中都有一个prototype属性，并且这个prototype属性是一个object类型的对象，所有由该function构造出来的对象都具有这个prototype上的特性，也就是说可以用构造出来的对象直接访问prototype上的属性和方法。 下面一段代码演示prototype的使用方法： 代码如下: function Staff(name) { this.name = name; } Staff.prototype.say = function() { alert(this.name + " say hello"); } var staff1 = new ...
在使用面向对象编程时，对象间的继承关系自然少不了！而原型正是实现javascript继承的很重要的一种方法！ 我们首先来看以下代码： 代码如下:function person(name, age) { this.name = name; this.age = age; } person.prototype.getInfo = function() { alert("My name is "+this.name+", and I have "+this.age+" years old"); } var zhangchen = new person("zhangchen", 23); zhangchen.getInfo(); //output My name is zhang...
Function和Object都是函数的实例 Function的父原型指向到Function的原型，Function的原型的父原型是Object的原型。 Object的父原型也指向到Function的原型。 一个实例的对像，它的默认的父原型为其构造函数的显示原型 [每个对像都有一个隐慝的属性用于指向到它的父对像（构造对像的函数）的原型(这里称为父原型或隐式原型）。因为原型也是对像,所以原型也有父原型,Object的原型是所有父原型的顶层(原型根)，这样就形成了所谓原型链...
以问题开始： function Base(){}var base = new Base() 上面两行代码会创建几个对象（object）？ 要回答这个问题，先明确一下Javascript里object的概念。 Objects 在Javascript里，几乎一切都是object(Arrays、Functions、Numbers、Objects……)，而没有C#里的class的概念。object的本质是一个name-value pairs的集合，其中name是string类型的，可以把它叫做“property”，value包括各种objects（string，number，boolean，array，...
我们先看看这样一段代码： 代码如下:<script type="text/javascript"> var Person = function () { }; var p = new Person(); </script> 很简单的一段代码，我们来看看这个new究竟做了什么？我们可以把new的过程拆分成以下三步： <1> var p={}; 也就是说，初始化一个对象p。 <2> p.__proto__=Person.prototype; <3> Person.call(p);也就是说构造p，也可以称之为初始化p。 关键在于第二步，我们来证明一下： 代码如下:<script ty...