js高级知识学习

文章介绍了JavaScript中的原型对象概念,如何减少内存浪费和变量污染。每个构造函数有prototype属性,原型对象有constructor属性,实例对象通过__proto__访问原型。原型链是对象间的链式结构,用于查找属性和方法。通过实例化父构造函数更新子构造函数的原型实现继承。instanceof操作符用来检测实例与构造函数的原型链关系。测试题展示了原型更改对实例属性访问的影响。
摘要由CSDN通过智能技术生成

原型对象

1.原型对象 创建函数的时候,系统会自动创建一个对应的对象。 称之为原型对象。

2.作用 解决内存浪费 + 变量污染

3.构造函数、原型对象、实例对象的关系 构造函数: 有一个prototype属性, 指向原型对象 原型对象 : 有一个constructor属性,指向构造函数 实例对象 : 有一个__proto__属性,指向原型对象

原型链

1.原型链 : 每一个对象都有原型,原型也是对象也有自己的原型,以此类推形成链式结构

2.对象访问原型链规则 :就近原则 先访问自己,自己没有找原型,原型没有找原型的原型,此类类推直到原型链终点 null. 如果还没有,属性则获取undefined, 方法则报错xxx is not funtion

3.原型链作用 : 继承 原型继承 : 把父构造函数实例 作为 子构造函数原型 语法:子构造函数.protype = new 父构造函数()

4.实例对象 instanceof 构造函数 作用:检测构造函数的prototype在不在实例对象的原型链中

   /* 测试题1*/
        function A(){}
        A.prototype.n = 1;

        var b = new A();
        A.prototype = {
            n:2,
            m:3
        };

        var c = new A();
        console.log(b.n,b.m,c.n,c.m); //1  undefined  2  3

这是一道原型的测试题,最终输出结果为1  undefined  2  3

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值