JS也玩OO继承

算了一下,还是来这里了 ^_^
无忧~~久违了…………贴一个原理的东东吧,

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(stroll的跟贴)

当然,还可以通过以下几种不用“外挂”的方法…… 不过要求使用 Script5.5 才可以使用
比如 call 方法 和 apply方法…… 以下是使用 call 的方法来实现的
apply也差不多,只不过后面调用的参数是数组,详细可以自己参考MSScript5.6说明

Bencalie 还记得以前你跟我说call apply的使用方法么?这回这个答案算圆满了吧?

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(stroll的跟贴)

注意观察所谓“继承对象”的 this.Prototype 这个变量(一开始我没注意看,以为是关键字……害我苦找资料)

this.Prototype = new JSObject(); // 注意:这可不是小写的prototype
this.Prototype.Speak = function(s){.......}
在构造对象后直接反馈 return this.Prototype 其实这个就是 JSPObject 对象,
并不是 JSHuman 对象,所以 var o = new JSHuman();
o 这个实例是无法访问 JSHuman 的成员的


//westfly原创
//不要问我有什么用,当你某一天需要用到时能想起来就可以了

function JSObject()
{
this._Name = "JSObject";

this.Set_Name = function(Value){
this._Name = Value;
}

this.Get_Name = function(){
return this._Name;
}
}

function JSHuman() // extends JSObject
{
this.Prototype = new JSObject(); // 注意:这可不是小写的prototype
this.Prototype.Speak = function(s){
alert(s);
}
return this.Prototype;
}

var o = new JSHuman();
o.Set_Name("westfly");
o.Speak(o.Get_Name());

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(bencalie的跟贴)

stroll,看了你的囘答,非常滿意。

你又把問題勾起來了,那麽這裏Base.call(this, v_sName)用成Base.apply(this),我怎麽將v_sName傳遞到Base.BaseName,我反倒對apply的使用有點不好理解了。

最終使用Base.apply(this, [v_sName])用數組傳遞成功

那麽這樣看call和apply僅僅是參數不同了?
(Roman的跟贴)


//westfly原创
//不要问我有什么用,当你某一天需要用到时能想起来就可以了
function JSObject()
{
this._Name = "JSObject";
this.Set_Name = function(Value){
this._Name = Value;
}
this.Get_Name = function(){
return this._Name;
}
this.Speak = function(){alert("wangwang")}
}
function JSHuman() // extends JSObject
{
this.prototype = new JSObject(); // 注意:这可不是小写的prototype
this.prototype.Speak = function(s){
alert(s);
}
return this.prototype;
}
var o = new JSHuman();
o.Set_Name("westfly");
o.Speak(o.Get_Name());

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(bencalie的跟贴)
擴展了一下,這樣子是不是有簡單的OOP重載功能?

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(stroll的跟贴)

To bencalie ,是的,的确仅仅如此

不过不要认为apply这样是麻烦,其实如果两个对象的构造参数顺序一样的话,可以这么来
Base.apply(this, arguments) 很方便吧?

附上:(因为30秒才一贴~~)
不过你那里添加一个 new Base() 是认为无法继承的做法,其实是可以继承方法的,O.BaseMethod() 的调用就是了 ^_^
to:bencalie(Roman的跟贴)

基对象的方法被overwrite了.为什么stroll说 var o = new JSHuman(); o 这个实例是无法访问 JSHuman 的成员的
請看如下代碼:


//westfly原创
//不要问我有什么用,当你某一天需要用到时能想起来就可以了

function JSObject()
{
this._Name = "JSObject";

this.Set_Name = function(Value){
this._Name = Value;
}

this.Get_Name = function(){
return this._Name;
}
}

function JSHuman() // extends JSObject
{
this.JSHumanName="This is JSHumanName" // 定義JSHuman的成員SHumanName
this.Prototype = new JSObject();
this.Prototype.Speak = function(s){
alert(s);
}
return this.Prototype;
}

var o = new JSHuman();
o.Set_Name("westfly");
o.Speak(o.Get_Name());
o.Speak(o.JSHumanName); // 訪問JSHuman的成員SHumanName,但是不成功

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

stroll,方法的確繼承過來了,但我在Son對象的搆造函數裏重寫了BaseMethod()

事實上O.BaseMethod()這樣調用已經不是Base對象的BaseMethod()方法了,而是Son對象的BaseMethod()方法,所以我把Base的一個實例儅作Son的成員base,使用

Son實例.base.BaseMethod()

的格式來引用Base的BaseMethod()方法

另外,我喜懽這句:Base.apply(this, arguments)
呵呵……收到~~(stroll的跟贴)

虽然说JS是没有指针了…… 不知道同时构造一个“父对象”,一个“子对象” 再有一个函数传递一个对象参数,这个参数使用父子共有的方法,是不是能够分别调用相应的方法呢? 还未了解JS 的 this 是不是相当于 虚拟地址的指针呢?
所以替换了方法才能解决上面的疑惑(虽然这个迷惑是菜了点,不过符合逻辑:)

还有……如果里面成员有构造对象的函式,是不是也会像c++一样先构造对象,然后再执行其他函式呢? 这个可能或则肯定是按照从上到下了~~~~语言规定?没试过

有没有试过多个父对象的继承呢?不过也不难想到这个一步……(树状继承)

这些就是偶的疑问啦,呵呵……

(0)

相关推荐

  • JS也玩OO继承

    算了一下,还是来这里了 ^_^ 无忧~~久违了----贴一个原理的东东吧, [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] (stroll的跟贴) 当然,还可以通过以下几种不用"外挂"的方法-- 不过要求使用 Script5.5 才可以使用 比如 call 方法 和 apply方法-- 以下是使用 call 的方法来实现的 apply也差不多,只不过后面调用的参数是数组,详细可以自己参考MSScript5.6说明 Bencalie 还记得以前你跟我说call apply的使

  • js对象的复制继承实例

    本文实例讲述了js对象的复制继承.分享给大家供大家参考.具体如下: 复制代码 代码如下: <script type="text/javascript"> Object.prototype.extend = function(obj){  //在函数里,把obj属性复制到自身  for(var k in obj){   if(obj.hasOwnProperty(k)){    if(this[k] == undefined){     this[k] = obj[k];  

  • js原型链与继承解析(初体验)

    首先定义一个对象obj,该对象的原型为obj._proto_,我们可以用ES5中的getPrototypeOf这一方法来查询obj的原型,我们通过判断obj的原型是否与Object.prototype相等来证明是否存在obj的原型,答案返回true,所以存在.然后我们定义一个函数foo(),任何一个函数都有它的prototype对象,即函数的原型,我们可以在函数的原型上添加任意属性,之后通过new一个实例化的对象可以共享其属性(下面的两个例子会详细介绍). function foo(){} fo

  • Javascript玩转继承(三)

    首先,我们来看非主流继承一:实例继承法. 我也不说那么多废话了,既然是非主流继承,就一定不常用,既然不常用还存在,那就只有一个因素,他用于特定的场合.实例继承法,就主要用于核心对象的继承,也是目前为止唯一能够解决核心对象继承的方式. 核心对象的继承拥有一定的价值,比如说Error对象,我们公司可能要自己实现一个Error 类来简化今后的开发,那么这个时候我就要使用实例继承法来继承Error. 代码如下: 复制代码 代码如下: function ExtendingError(mes){    va

  • Javascript玩转继承(一)

    Javascript究竟是一门面向对象的语言,还是一门支持对象的语言,我想每个人都有着自己的看法.那些Javascript忠实的Fans一定讲Javascript是一门面向对象的语言,像<Javascript王者归来>一书中对Javascript的说法是基于原型的面向对象.我谈谈我个人的看法.面向对象的三个特征,继承,多态,封装,Javascript虽然实现起来不像Java,C#等面向对象的语言来得快,但是毕竟也有着一定的支持.因此说Javascript是面向对象的语言是有着一定道理的,但是从

  • JS函数进阶之继承用法实例分析

    本文实例讲述了JS函数进阶之继承用法.分享给大家供大家参考,具体如下: 直接代码,不解释: <html> <head> <title>js函数继承进阶</title> <meta charset="UTF-8"/> <script type="text/javascript"> function person(name,age){ //对象的创建 this.name=name; this.age

  • JS实现玩转风车

    本文实例为大家分享了JS实现玩转风车的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>找风车</title>     <style>         #div1{             width: 800px;             h

  • JS精髓原型链继承及构造函数继承问题纠正

    目录 前言 原型链继承 构造函数继承 组合继承 前言 先从面向对象讲起,本瓜认为:面向对象编程,它的最大能力就是:复用! 咱常说,面向对象三大特点,封装.继承.多态. 这三个特点,以“继承”为核心.封装成类,是为了继承,继承之后再各自发展(重写),可理解为多态.所以,根本目的是为了继承,即“复用“! 如果你用 JavaScript 面向对象的能力来编程的话,能想到的,也只供使用的就是:基于原型. 因为这门语言设计就是这样,我们之前也提过:JavaScript的语言设计主要受到了Self(一种基于

  • js的2种继承方式详解

    js中继承可以分为两种:对象冒充和原型链方式 一.对象冒充包括三种:临时属性方式.call()及apply()方式1.临时属性方式 复制代码 代码如下: function Person(name){     this.name = name;     this.say = function(){          alert('My name is '+this.name);     }}function F2E(name,id){     this.temp = Person;     thi

  • 前端开发必须知道的JS之原型和继承

    一. 原型与构造函数 Js所有的函数都有一个prototype属性,这个属性引用了一个对象,即原型对象,也简称原型.这个函数包括构造函数和普通函数,我们讲的更多是构造函数的原型,但是也不能否定普通函数也有原型.譬如普通函数: 复制代码 代码如下: function F(){ alert(F.prototype instanceof Object) //true; } 构造函数,也即构造对象.首先了解下通过构造函数实例化对象的过程. 复制代码 代码如下: function A(x){ this.x

随机推荐