<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8>

        function extend(Child ,Parent){

             var F = new Function();//创建一个函数F，跟写 function F(){};一样

             F.prototype = Parent.prototype;

             Child.prototype = new F();

             Child.prototype.constructor = Child ;

             //保存一下父类的原型对象: 一方面方便解耦  另一方面方便获得父类的原型对象

             Child.superClass = Parent.prototype; //自定义一个子类的静态属性 保存父类的原型对象，写 Child.superClass = Parent也可以。保证子类中可以找到父类。

             alert(Parent.prototype.constructor);

             alert(Parent);

             /*function Person( name , age){

                this.name = name ;

                this.age = age ;

            }*/

             alert(Parent.prototype.constructor ===  Parent);//true

             //判断父类的原型对象的构造器 (加保险)，Person.prototype = {中不写constructor: Person ,那么Parent.prototype.constructor就是Object

             if(Parent.prototype.constructor == Object.prototype.constructor){

                Parent.prototype.constructor = Parent ; //容错性，就是写出你不知道的情形。

             }

        }

        function Person( name , age){

            this.name = name ;

            this.age = age ;

        }

        Person.prototype = {

            sayHello: function(){

                alert('hello world!');

            }

        };

        Object.defineProperty(Person.prototype , 'constructor' , {

             enumerable : false ,

             value : Person

        });

        Person.prototype.say = function(){

            alert('hello world!');

        }

        function Boy(name , age , sex){

            //call，子类就可以直接new Boy(传3个参数)，否则只能通过父类实例对象来访问添加的属性。

            //Person.call(this,name,age); Boy.superClass.constructor=Person,解耦，子类中不写父类的东西。

            Boy.superClass.constructor.call(this , name , age);

            this.sex = sex ;

        }

        extend(Boy , Person);

        Boy.prototype.sayHello = function(){//覆盖父类的方法

            alert('hi javascript!');

        }

        var b = new Boy('张三' , 20 , '男');

        alert(b.name); //张三

        alert(b.sex);//男

        b.sayHello();//hi javascript!

        //调用父类方法

        Boy.superClass.sayHello.call(b);//hello world!

        b.__proto__.__proto__.sayHello();//hello world!

        b.constructor.prototype.__proto__.sayHello()//hello world!

        alert(Boy.superClass.constructor);

        /*function Person( name , age){

            this.name = name ;

            this.age = age ;

        }*/

        </script>

    </head>

    <body>

    </body>

</html>
第一，子类调用call方法。

第二,子类原型对象的构造函数要改变，原型对象和自己对象的构造器指向函数本身（函数本身的prorotype和对象的__proto__指向原型对象）。

第三，子类增加一个静态属性指向父类的原型对象，办证子类可以找到父类。

第四，子类原型对象新增属性要写在creat之后，因为creat之后子类才有了原型对象。

function F(){

    this.name = "yw";

    var age = 32;

    sch = 890;

}    

var f = new F();

alert(f.name);//yw

alert(f.age);//undefined

alert(f.sch);//undefined

alert(window.name);//空

F();

alert(window.name);//yw

var F = new Function();//创建一个函数F，跟写 function F(){};一样

//可以直接写constructor,prototype,不能写__proto__，_proto__是为了表示对象是怎么找到类的原型对象的属性方法的。

子类通过prototype访问父类原型对象的属性、方法。

子类通过call访问父类实例对象的属性、方法。不加call方法，访问不到父类实例对象的属性、方法。

父类和对象以静态方式加的属性、方法，子类对象访问不到。

js19--继承终极版本的更多相关文章

  1. HighCharts终极版本

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  2. day 50 jquary 终极版本

    jQuary 一.jquary对象和dom对象 jquary找到的标签对象成为-- jquary对象 原生js找到的标签对象成为 -- dom对象 dom对象只能使用dom对象的方法,不能使用jque ...

  3. 10maven依赖继承、统一版本/编码

    A >  B  >  C A依赖于B,B依赖于C,如果A想间接依赖C,那么B和C之间的依赖范围必须是compile,不然A依赖不了C 但是有点麻烦,因为每次A想依赖于C都要确认B和C之间的 ...

  4. c++多继承布局

    1:多重继承 对于一个继承了多个base class 的对象,将其地址指定给最左端(也就是第一个)base class的指针, 情况将和单一继承时相同,因为两者都指向相同的其实地址.至于第二个或者更后 ...

  5. 面向对象的JavaScript系列二，继承

    1.原型链 function SuperType(){ this.property = true; } SuperType.prototype.getSuperValue = function(){ ...

  6. 轻松搭建自己的Linux发行版本

    许多人想要搭建自己的Linux发行版本,可能是觉得有趣,也可能是为了学习更多的Linux知识,或者因为他们有很正式的问题要解决.但是秘密是:自己搭建完美的发行版本不是很困难的一件事.事实上,我们收集了 ...

  7. JF厂V8版本爱彼AP15703，黄家橡树离岸型，超越N厂神器

    根据调查的结果JF厂的爱彼AP15703几乎常年垄断了爱彼的市场,销量持续性的排在爱彼整个品牌中的第一位.JF厂这两年一直在攻克爱彼整个品牌,有了解的都知道 爱彼15703以前是N厂的五大复刻神器的代 ...

  8. 阿里正式发布《Java开发手册》终极版！

    摘要: 本文讲的是阿里正式发布<Java开发手册>终极版!,别人都说我们是码农,但我们知道,自己是个艺术家.也许我们不过多在意自己的外表和穿着,但我们不羁的外表下,骨子里追求着代码的美.质 ...

  9. 有关HTML版本

    先说说HTML的简史:从HTML1.0~2.0(1989~1991)>HTML3(1995)>HTML4(1998)>HTML4.01(1999)>XHTML1.0(2001) ...

随机推荐

  1. Android通过XML来定义Menu

    直接在代码中添加菜单项,给菜单项分组等,这是比较传统的做法,它存在着一些不足.比如说,为了响应每个菜单项,我们需要用常量来保存每个菜单项的ID等.为此,Android提供了一种更好的方式,就是把men ...

  2. [Poi] Use Poi to Build an Index.js with Modern JavaScript Features

    Poi can easily launch an index.js file simply by running the poi command. This will launch a dev-ser ...

  3. C++windows内核编程笔记day11 win32静态库和动态库的使用

    windows库程序: 静态库: 源码被链接到调用的程序或动态库,被调用时,代码最少有1份,文件后缀.LIB 动态库: 函数被程序或其它动态库调用,被调用时,代码仅仅有1份,文件后缀.DLL 静态库( ...

  4. Windows cannot find ". Make sure you typed the name correctly, and then try again

    https://answers.microsoft.com/en-us/windows/forum/windows_10-desktop/windows-10-explorerexe-error-wi ...

  5. 洛谷P2633 Count on a tree

    题目描述 给定一棵N个节点的树,每个点有一个权值,对于M个询问(u,v,k),你需要回答u xor lastans和v这两个节点间第K小的点权.其中lastans是上一个询问的答案,初始为0,即第一个 ...

  6. 开源计算机集群监控Ganglia应用视频

    Ganglia源于Berkeley发起的一个开源集群监视项目,设计用于监测数上千节点的计算机集群.它包含gmond.gmetad以及一个Web前端.可以用来监控系统处理器 .内存.硬盘 I/O.网络流 ...

  7. CodeForcesGym 100502D Dice Game

    Dice Game Time Limit: 1000ms Memory Limit: 524288KB This problem will be judged on CodeForcesGym. Or ...

  8. 局域网内机器不能对ping问题

    局域网内有台A机器能ping同其他机器,但其他机器不能ping A机器.属于同一个网段 解决办法: cmd->msconfig->常规->诊断启动,仅加载基本设备和服务. 重启后试下 ...

  9. 【LeetCode-面试算法经典-Java实现】【008-String to Integer (atoi) （字符串转成整数）】

    [008-String to Integer (atoi) (字符串转成整数)] [LeetCode-面试算法经典-Java实现][全部题目文件夹索引] 原题 Implement atoi to co ...

  10. Python下opencv使用笔记（一）（图像简单读取、显示与储存）

    写在之前 从去年開始关注python这个软件,途中间间断断看与学过一些关于python的东西.感觉python确实是一个简单优美.easy上手的脚本编程语言,众多的第三方库使得python异常的强大. ...