zoukankan      html  css  js  c++  java
  • 回想继承、原型与原型链有感

    首先需要明确以下几点:

    1. js中除了Object.prototype和null之外,每一个对象都有一个原型对象。

    2. 获取原型对象: 实例对象通过__proto__,构造函数通过prototype。

    3. Object.defineProperty()和Object.assign()之类的函数(不在原型链上的函数)是不能通过继承获得的。

    4. arguments.callee需要在函数声明的时候调用,arguments.caller需要在函数执行的时候调用。

    5. 每个对象的构造函数都在其原型对象上。

    除了ES6中的继承之外,我们常用的有以下三种:

    *注意:网上有很多分享都说用call继承属性,用原型链拷贝继承方法。这种观点是错误的。用call同样可以继承方法,但,此方法必须是当前实例对象上的方法,而不是原型链上的方法。用原型链也一样可以继承属性,但,此属性必须是原型链上的,而非实例对象本身的。

    1.俗称类式继承

    通过call或apply实现实例对象的属性或方法(this.XXXXX)的继承
    通过 B.prototype = new A() 实现原型链上的属性或方法的继承
    通过 B.prototype.constructor = A 实现constructor的指向更正

    function People (name, age) {
        this.name = name;
        this.age = age;
        this.eat = function () {
            console.log(this.name + ": people eat !");
        };
    }
    People.prototype.protoEat = function () {
        console.log(this.name + "proto eat !!");
    }
    function Student (name, age) {
        People.call(this, name, age);
        Student.prototype.constructor = Student;
    }
    Student.prototype = new People();

    2.俗称拷贝继承

    通过call或apply实现实例对象的属性或方法(this.XXXXX)的继承
    通过 循环 B.prototype[i] = A.prototype[i] 实现对原型链上的属性或方法的继承

    function People (name, age) {
        this.name = name;
        this.age = age;
        this.eat = function () {
            console.log(this.name + ": eat !")
        }
    }
    
    People.prototype.protoEat = function () {
        console.log(this.name + "proto eat !!");
    }
    
    function Student (name, age) {
        People.call(this, name, age);
    }
    
    for(var i in People.prototype){
        Student.prototype[i] = People.prototype[i]
    }

    3.普通对象做顶层进行向下继承

    相当于是只通过原型继承了原型链上的属性和方法

    var obj = {name: "People", eat: function () {console.log("eat fn !")}};
    function clone (obj) {
        var Fn = function () {};
        Fn.prototype = obj;
        return new Fn();
    }
    var tt = clone(obj)
    tt.eat();
  • 相关阅读:
    win7 32位家庭版 加到4G内存后显示只有2G可用 的解决办法
    Extjs grid 获取json数据时报各种错误的原因(缺少分号,语法错误)
    css中文乱码
    3种分页储存过程
    腾讯微博SDK C#版本 发微博时有中文报check sign error的解决办法
    调用log4net.dll时报一大堆错误的情况
    QT SDK 4.7.4 在windows平台的发布问题
    Ouath 验证过程
    《转》Oracle EBS数据定义移植工具:FNDLOAD
    Oracle的锁表与解锁
  • 原文地址:https://www.cnblogs.com/pomelott/p/9326540.html
Copyright © 2011-2022 走看看