zoukankan      html  css  js  c++  java
  • JS高级---原型和原型链

    原型和原型链

    原型链是一种关系, 实例对象和原型对象之间的关系,关系是通过实例对象中浏览器使用的原型(__proto__)来联系的

    1. 自定义构造函数,通过实例化,创建实例对象
    2. 实例对象中__proto__是原型,浏览器使用的
    3. 构造函数中的prototype是原型,程序员使用的

        //使用对象---->使用对象中的属性和对象中的方法,使用对象就要先有构造函数
        //构造函数
        function Person(name,age) {
          //属性
          this.name=name;
          this.age=age;
          //在构造函数中的方法
          this.eat=function () {
            console.log("吃好吃的");
          };
        }
        //添加共享的属性
        Person.prototype.sex="男";
        //添加共享的方法
        Person.prototype.sayHi=function () {
          console.log("您好啊,怎么这么帅,就是这么帅");
        };
        //实例化对象,并初始化
        var per=new Person("小明",20);
        per.sayHi();
        //如果想要使用一些属性和方法,并且属性的值在每个对象中都是一样的,方法在每个对象中的操作也都是一样,那么,为了共享数据,节省内存空间,是可以把属性和方法通过原型的方式进行赋值
    
        console.dir(per);//实例对象的结构
        console.dir(Person);//构造函数的结构
    
        //实例对象的原型__proto__和构造函数的原型prototype指向是相同的
    
        //实例对象中的__proto__原型指向的是构造函数中的原型prototype
        console.log(per.__proto__==Person.prototype);
        //实例对象中__proto__是原型,浏览器使用的
        //构造函数中的prototype是原型,程序员使用的
    
        //原型链:是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的
  • 相关阅读:
    什么是主从复制、读写分离、为什么要使用
    Swift 4.0 + Ipad开发项目中值得注意知识点
    Swift细节记录<一>
    ECMAScript 6复习<一>
    Swift4.0复习访问控制与作用域
    Swift4.0复习操作符方法与操作符的定制
    Swift4.0复习错误处理
    Swift4.0复习扩展
    Swift4.0复习泛型
    TCP的三次握手(建立连接)和四次挥手(关闭连接)
  • 原文地址:https://www.cnblogs.com/jane-panyiyun/p/12151715.html
Copyright © 2011-2022 走看看