js原型继承 - 草稿

js原型继承--使用构造函数和空函数修复原型链解决的问题

//父类构造函数
            function People(props){
                this.name = props.name;
                this.speak = function (){
                    alert(this.name + ' is speaking');
                }
            }
//子类构造函数
            function Teacher(props){
                People.call(this,props);
                this.teach = function(){
                    alert(this.name+' is teaching');
                }
                this.speak = function (){
                    alert('when '+this.name+'is speaking, he is teaching')
                }
            }
//空函数用来修复原型链
            function Adapter(){}
            Adapter.prototype = People.prototype;
            Teacher.prototype = new Adapter();
//修复constructor
            Teacher.prototype.constructor = Teacher;
            People.prototype.gender = 'male';
            //Teacher.prototype.gender = 'female';
            var teacher = new Teacher({name:'jack'});
            var people = new People({name:'jim'});
            teacher.speak();
            teacher.teach();
            alert(people.gender);
            alert(teacher.gender);//如果不修复原型链则teacher的原型链关系:__proto__-->Teacher.prototype-->Object.prototype-->null
//则People.prototype扩展属性的时候无法继承到
//如果直接Teacher.prototype=People.prototype, 则会引用同一个prototype, 给Teacher.prototype扩展属性的时候会影响到People的实例对象

总结就是:

  1. 每个对象都有一个proto属性
  2. 每个函数都有一个prototype属性
  3. 定义一个函数隐含的有
  4. js访问一个对象的属性或方法的时候会首先在这个对象里面寻找,如果找不到则去原型链指针prototype指向的对象去找,如果找不到会一直沿着prototype找下去
  5. 一个对象的prototype正常应该指向继承对象
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在javascript中,每个函数都有一个原型属性prototype指向函数自身的原型,而由这个函数创建的对象也有...
    _李雷阅读 766评论 1 2
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,171评论 0 21
  •   面向对象(Object-Oriented,OO)的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意...
    霜天晓阅读 2,147评论 0 6
  • 红帐一曲轻抚琴 听得 心儿摇摇 意儿飘飘 绿萝粉黛饰佳人 看得 眉儿挑挑 眼儿耀耀 新浪微博:@旧巷话 一个会写诗...
    微博旧巷话阅读 619评论 0 0
  • 历史上唐朝的第一位皇帝唐高祖李渊建立唐朝后,将大儿子李建成封为太子,后来李世民为了与哥哥夺权,在玄武门发动兵变,将...
    古今一言阅读 343评论 0 0