• js继承机制


    二。js里面都是对象,必须有一种机制,将所有对象联系起来。所以设计了继承。

    引入new到javastript,用来从原型对象生成实例对象,在javascript中。new命令后面跟的不是类,而是构造函数。

    举例来说:现在有一个叫做DOG的构造函数,表示狗子对象的原型

    function DOG(name){
         this.name = name;
    }

    对这个构造函数使用new,就会生成一个狗子对象的实例;

    var dogA = new DOG('大毛');
    alert(dogA.name);   //大毛

    注意构造函数中的this关键字,它就代表了新创建的实例对象;

    三。new 运算符的缺点:

    用构造函数生成实例对象,有一个缺点,那就是无法共享属性和方法;

    比如:在DOG对象的构造函数中,设置一个实例对象的共享属性species;

    function DOG(name){
       this.name = name;
       this.species = '犬科';
    }

    然后生成两个实例对象:

    var dogA = new DOG('大毛');
    var dogB = new DOG('二毛');

    这两个对象的species属性是独立的,修改其中一个不会影响到另一个;

    dogA.species = '猫科';
    alert(dogB.species);  //犬科,不受dogA影响

    每一个实例对象,都有自己的属性和方法的副本,这不仅无法做到数据共享,也是极大的资源浪费;

    四.prototype属性的引入

    考虑到这一点,Brendan Eich决定为构造函数设置一个prototype属性

    这个属性包含一个对象(以下简称‘prototype’对象),所有实例对象需要共享的属性和方法,都放在这个对象里面,那些不需要共享的属性和方法,就放在构造函数里;

    实例对象一旦创建,将自动引用prototype对象的属性和方法,也就是说,实例对象的属性和方法,分成两种,一种是本地的,一种是引用的;

    还是以DOD构造函数为例,现在用prototype属性改写;

    function DOG(name){
        this.name = name;  
    }
    DOG.prototype = {species:'犬科'};
    var dogA = new DOG('大毛');
    var dogB = new DOG('二毛');
    alert(dogA.species);  //犬科
    alert(dogB.species);  //犬科

    现在,species属性放在prototype对象里,是两个实例对象共享的,只要修改了prototype对象,就会同时影响到实例对象。

    DOG.prototype = {species:'猫科'};
    alert(dogA.species);  //'猫科
    alert(dogB.species);  //'猫科

    五。总结

    由于所有的实例对象共享一个prototype对象,那么从外界看起来,prototype对象就好像是实例对象的原型,而实例对象好像继承了prototype对象一样。

  • 相关阅读:
    前端自动化gulp使用方法
    npm 如何提升最新版本
    AJAX——理解XMLHttpRequest对象
    免插件,简单实现上拉加载loading
    mobiscroll实现二级联动菜单
    js点击页面其他地方如何隐藏div元素菜单
    gulp自动化构建工具使用总结
    如何优雅的选择字体(fontfamily)
    js如何判断用户使用的设备类型及平台
    ant 软件包 javax.servlet.http 不存在 解决办法
  • 原文地址:https://www.cnblogs.com/woshidouzia/p/10937543.html
Copyright © 2020-2023  润新知