JavaScript对象的原型

对象的构造函数和原型存在相同名称的方法时:
当调用对象的属性或者方法的时候,先去找对象本身的属性/方法 ,如果对象没有该属性或者方法。此时去调用原型中的属性/方法。
如果对象本身没有该属性/方法,原型中也没有该属性或者方法,此时会报错
另外注意__proto__属性是非标准的属性,生产环境中不要使用。

// 每一个构造函数都有一个属性   原型 / 原型对象
    function Student(name, age, sex) {
      this.name = name;
      this.age = age;
      this.sex = sex;

      // this.sayHi = function () {
      //   console.log('test');
      // }
    } 
    Student.prototype.sayHi = function () {
      console.log('大家好,我是' + this.name);
    }

    // 通过Student构造函数,创建的对象,可以访问Student.prototype中的成员
    var s1 = new Student('lilei', 18, '男');
    var s2 = new Student('hmm', 18, '女');

    s1.sayHi();
    console.dir(s1);

    // 当调用对象的属性或者方法的时候,先去找对象本身的属性/方法 ,如果对象没有该属性或者方法。此时去调用原型中的属性/方法
    // 如果对象本身没有该属性/方法,原型中也没有该属性或者方法,此时会报错
    // s1.__proto__  对象的__proto__ 等于  构造函数的Student.prototype
    // __proto__属性是非标准的属性
    // 
    // console.log(s1.__proto__ === Student.prototype);
    // console.dir(s1.__proto__);
    // console.dir(Student.prototype);


    // 在原型对象中有一个属性 constructor  构造函数
    // 
    // constructor  作用记录了创建该对象的构造函数  记录了创建该对象的构造函数
    console.log(s1.constructor === Student);

    var arr = [];
    // Array.prototype.constructor
    console.log(arr.constructor === Array);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值