• 03学习 JS面向对象笔记 义美


    ------------------------------

    1.原型 (prototypr 原型属性)

    2.继承


    3.原型链


    ----------------------------------


    prototypr 原型属性


    constructor 构造函数


    ----------------------------------

    prototypr 原型属性

    为什么使用原型? 原型可以达到继承的目的


    function Person(){

    };
    Person.prototype.name = 'shaozhu';
    Person.prototype.age = 22;
    Person.prototype.action = function(){
    console.log(this.name);
    }

    var person1 = new Person();//实例化 可以享有里面的所有属性和方法

    person1.name

    Person {}

    //我们如果打印出person1 看看会是什么

    console.log(person1);

    //发现有一个 __proto__ 没错 我们如果要取原型里面的东西 就要用这个来取值


    原型的好处 相同的存在原型里面 不相同的把它独立出来

    ----------------------------------

    例子 修改实例的属性 不影响其他实例的属性

    function Person(){

    };

    Person.prototype.name = 'shaozhu';

    Person.prototype.age = 22;

    Person.prototype.action = function(){

    consloe.log(this.name);

    }


    var person1 = new Person();

    person1.name='ben';

    var person2 = new Person();

    person2.name;


    "shaozhu"

    ----------------------------------


    修改原型的属性后 所有的实例化的对象都会跟着修改

    修改原型属性例子:

    function Person(){

    };

    Person.prototype.name = 'sonia';

    Person.prototype.age = 22;

    Person.prototype.action = function(){

    consloe.log(this.name);

    }


    var person1 = new Person();

    person1.__proto__.name='ben';//修改原型
    var person2 = new Person();

    person2.name;


    "ben"

    注意:一个属性 如果原型定义了 实例也定义了 实例的 先从实例找 然后再从原型找

    --------------------------------------------------------------------

    检测 一个实例是否属于这个原型


    function Person(){

    };

    Person.prototype.name = 'shaozhu';

    Person.prototype.age = 22;

    Person.prototype.action = function(){

    consloe.log(this.name);

    }

    var person1 = new Person();

    person1.__proto__.name='ben';//修改原型

    var person2 = new Person();


    Person.prototype.isPrototypeOf(person1)//检测 返回布尔


    大型项目 原型封装用的比较的多

    ----------------------------------


    构造函数和原型 混合使用

    function Aa(name,age){
    this.name = name;
    this.age = age;
    }
    Aa.prototype.action = function(){//构造函数里面的一个方法 用原型声明 这个方法可以减少所占的资源 原型
    return this.name;
    }
    var aa = new Aa("qqq",22);

    var bb =new Aa("www",23);

    console.log(aa.action());//调用

    bb.action()


    "www"

    ----------------------------------
    例子:

    function Aa(name,age,hobby){
    this.name = name;
    this.age = age;
    this.hobby = hobby;
    }
    Aa.prototype.action = function(){//构造函数里面的一个方法 用原型声明 这个方法可以减少所占的资源
    return "名字:"+this.name+",年龄:"+this.age+",爱好:"+this.hoboy;
    }
    var aa = new Aa("qqq",22,'写代码');

    var bb =new Aa("www",23,'搭讪');

    console.log(aa.action());

    名字:qqq,年龄:22,爱好:写代码


    console.log(bb.action());

    名字:www,年龄:23,爱好:搭讪


    ----------------------------------

    公共的可以放在原型里面 这个效果更高!!! 比如 action();

    如果公共的不使用原型 多次的实例化之后 可能会出现内存的溢出!!


    ----------------------------------

    继承 !!!!!


    继承有两种:接口继承 实现继承(js 只支持这个!)


    function Action(){};

    Action.prototype.caDo = function(){
    console.log('吃饭 睡觉');
    }

    function Ben(){};

    Ben.prototype = new Action();//继承 全部都继承了

    var aa = new Ben();//实例化 Ben

    aa.caDo();


    吃饭 睡觉

    先从实例里面找 实例里面没有 然后到原型里面去找

    ----------------------------------


    原型链 继承和继承之间产生的关系链


    delete 不能删除继承的东西


    person1.__proto__.name='ben';//修改原型

    总结:原型里面放公用的 继承 可以提高效率

  • 相关阅读:
    centos 6.5 查看、开启,关闭 端口
    centos 安装 nginx
    centos 安装 svn
    centos 安装 maven
    (转)不停止Nginx服务的情况下平滑变更Nginx配置
    记录1---python+linux+vim之while循环语句使用
    记录1---linux系统之创建用户,用户登录,查看用户名,切换用户登录,退出登录
    记录——Fiddler5.0 中文版 绿色免费版 汉化破解版安装
    fiddler笔记1---fiddler的安装 和 证书安装 以及 证书导出失败问题解决
    fiddler笔记2--fiddler工具界面的功能使用与介绍
  • 原文地址:https://www.cnblogs.com/shaozhu520/p/8470087.html
Copyright © 2020-2023  润新知