<!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. SQL2008所有数据导出导入两种方法

    方法一:生成脚本导出导入sql2008所有数据 第一步.右键要导出的数据库.任务--生成脚本 第二步,在设置脚本编写选项处,点击--高级(A),选择要编写脚本的数据的类型为:架构和数据 假设找不到 要 ...

  2. 基于ArcGIS Flex API实现动态标绘（1.2）

    动态标绘API 1.2,相较前一版本号(点击进入),该版本号新增对基本标绘符号的支持,包含: 单点.多点.折线.手绘线.多边形.手绘多边形.矩形,并提供对应的编辑功能. 例如以下图所看到的,对多点的编 ...

  3. JAVA爬虫Nutch、WebCollector的正则约束

    爬虫爬取时,须要约束爬取的范围. 基本全部的爬虫都是通过正則表達式来完毕这个约束. 最简单的,正则: http://www.xinhuanet.com/.* 代表"http://www.xi ...

  4. CODE ---代码助手 (保存代码、搜代码、生成网页、自由界面)

    四大功能 1  保存代码 2  搜索代码 3  生成网页 4  自由界面 www.gudianxiaoshuo.com

  5. [Java开发之路]（6）File类的使用

    1. 构造方法 构造方法 描写叙述 File(String pathname) 通过将给定的路径名字符串转换为抽象路径名来创建一个新的文件实例. File(String parent , String ...

  6. Haproxy压测

    目的:测试Haproxy压测情况 环境: Ha服务器:8核16G虚机,后端6个2核4G,压测客户端3个2核4G 安装和优化: 一.Haproxy #cd /opt/soft #wget http:// ...

  7. Android 使用Retrofit请求API数据

    概览 Retrofit 是一个Square开发的类型安全的REST安卓客户端请求库.这个库为网络认证.API请求以及用OkHttp发送网络请求提供了强大的框架 .理解OkHttp 的工作流程见  这个 ...

  8. maven pom下载不了

    Downloading: http://repo.maven.apache.org/maven2/org/apache/maven/plugins/maven-clean-plugin/2.4.1/m ...

  9. How Javascript works (Javascript工作原理) (十三) CSS 和 JS 动画底层原理及如何优化其性能

    个人总结:读完这篇文章需要20分钟. 这是 JavaScript 工作原理的第十三章. 概述 正如你所知,动画在创建令人叹服的网络应用中扮演着一个关键角色.由于用户越来越注重用户体验,商户开始意识到完 ...

  10. Vue常见面试题汇总

    Vue框架常见面试题   1.active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件. 2.怎么定义vue-router的动态路由?怎么 ...