js19--继承终极版本

<!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--继承终极版本的更多相关文章

HighCharts终极版本
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
day 50 jquary 终极版本
jQuary 一.jquary对象和dom对象 jquary找到的标签对象成为-- jquary对象原生js找到的标签对象成为 -- dom对象 dom对象只能使用dom对象的方法,不能使用jque ...
10maven依赖继承、统一版本/编码
A > B > C A依赖于B,B依赖于C,如果A想间接依赖C,那么B和C之间的依赖范围必须是compile,不然A依赖不了C 但是有点麻烦,因为每次A想依赖于C都要确认B和C之间的 ...
c++多继承布局
1:多重继承对于一个继承了多个base class 的对象,将其地址指定给最左端(也就是第一个)base class的指针, 情况将和单一继承时相同,因为两者都指向相同的其实地址.至于第二个或者更后 ...
面向对象的JavaScript系列二，继承
1.原型链 function SuperType(){ this.property = true; } SuperType.prototype.getSuperValue = function(){ ...
轻松搭建自己的Linux发行版本
许多人想要搭建自己的Linux发行版本,可能是觉得有趣,也可能是为了学习更多的Linux知识,或者因为他们有很正式的问题要解决.但是秘密是:自己搭建完美的发行版本不是很困难的一件事.事实上,我们收集了 ...
JF厂V8版本爱彼AP15703，黄家橡树离岸型，超越N厂神器
根据调查的结果JF厂的爱彼AP15703几乎常年垄断了爱彼的市场,销量持续性的排在爱彼整个品牌中的第一位.JF厂这两年一直在攻克爱彼整个品牌,有了解的都知道爱彼15703以前是N厂的五大复刻神器的代 ...
阿里正式发布《Java开发手册》终极版！
摘要: 本文讲的是阿里正式发布<Java开发手册>终极版!,别人都说我们是码农,但我们知道,自己是个艺术家.也许我们不过多在意自己的外表和穿着,但我们不羁的外表下,骨子里追求着代码的美.质 ...
有关HTML版本
先说说HTML的简史:从HTML1.0~2.0(1989~1991)>HTML3(1995)>HTML4(1998)>HTML4.01(1999)>XHTML1.0(2001) ...

随机推荐

自己定义View之Chart图标系列（1）——点阵图
近期要做一些图表类的需求,一開始就去github上看了看,发现开源的图表框架还是蛮多的.可是非常少有全然符合我的需求的.另外就是使用起来比較麻烦.所以就决定自己来造轮子了~~~ 今天要介绍的就是And ...
LINUX设备驱动程序笔记（一）设备驱动程序简单介绍
<一>:设备驱动程序的作用从一个角度看,设备驱动程序的作用在于提供机制,而不是策略. 在编写驱动程序时,程序猿应该特别注意以下这个基本概念:编写訪问硬件的内核代码时,不要给用户强加不论什 ...
CentOS 搭建 Mysql MMM 高可用架构
环境 CentOS Mysql 5.1 前提安装了EPEL,详细安装步骤请參照 http://blog.csdn.net/robinsonmhj/article/details/36184863 机 ...
codeforces 558E A Simple Task 线段树
题目链接题意较为简单. 思路: 由于仅仅有26个字母,所以用26棵线段树维护就好了,比較easy. #include <iostream> #include <string> ...
js如何生成[n,m]的随机数（整理总结）
js如何生成[n,m]的随机数(整理总结) 一.总结一句话总结: // max - 期望的最大值 // min - 期望的最小值 parseInt(Math.random()*(max-min+1) ...
bind DNS搭建笔记
设置默认网关偶尔会出现问题 route add default gw 192.168.0.1 .vim /etc/sysctl.conf 这里是重点配置路由转发,路由开启等都要用到. # Cont ...
1.windows编程常用
1.画线 HDC hdc; hdc = ::GetDC(m_hWnd); ::MoveToEx(hdc, , , NULL); ::LineTo(hdc, , ); 2.填充矩形 HDC hdc; h ...
父子间通信四 ($dispatch 和 $broadcast用法)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
分享关于浏览器对象 history对象
window.history.forward() == window.history.go(-1) //返回下一页 window.history.back() == window.history.go ...

js19--继承终极版本

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

随机推荐

热门专题