• 第171天:面向对象——对象实例和原型对象进阶


    一、实例拷贝原理

    当实例化的时候,都会将构造函数的属性拷贝一份,同时赋给新值

    因为有的构造函数有默认值

    一旦你给实例赋给了新值,就会将内存空间替换掉

    Function对象

    定义的各种数据类型的变量最终其实都是一个对象

    var str = ‘1’

    var str = new String()

    var sum = 1;

    var = new Number()

    同样的,函数也是这样:

    所有函数其实都是Function的实例

    constructor属性其实就是Function对象的一个属性而已

    对象又是通过函数实现的

    对象其实就是一个Function 的一个实例而已。。。

    所以构造函数其实就是Function对象的一个实例

    实例拷贝自构造函数,所以实例含有Function对象的所有属性和方法

    constructor

    它就是用于检测某个实例的构造函数是哪个

    其实constructor是构造函数的一个隐藏属性

    为什么实例含有constructor属性

    因为实例的属性都是拷贝自构造函数

    拷贝所有的构造函数中的属性,包含你定义的也包含系统隐藏的

    constructor属性是构造函数中的一个隐藏属性

    二、原型进阶

    原型的属性(方法)共享理论

    原型对象不管实例化多少次,都只会生成一次。。

    实例化的时候只拷贝构造函数中的属性,而不会拷贝原型对象中的属性

    函数和对象

    其实js中本来没有对象这个概念

    利用函数实现了对象

    原型对象本质:

    原型对象的属性和方法可以被所有实例共享

    这样,如果我们需要修改所有实例中的属性或者方法,就只需要修改一处,就能够影响到所有实例了

    三、属性搜索机制

    先在自身的属性列表中寻找,如果找到直接返回,如果找不到从原型中寻找。

    如果找不到:先找到自身的一个隐藏属性prototype,这个属性中保存的是原型对象的地址

    四、 双对象法则

    其实所谓的对象包含两个独立的对象:构造函数对象,一个叫原型对象

    那么他们之间是如何联系在一起的呢?

    就是通过一个属性__proto__V8 火狐 最新的EDGE

    但是早期的微软浏览器不不是通过__proto__来实现原型的。

    但是__proto__已经成为ES5的一种标准。

     __proto__属性是Function对象的一个属性而已

    任何一个我们编写的函数其实都是Function对象

    既然对象是函数实现的,那么对象当然也是Function的一个实例

    所以构造函数含有Function对象中的一切属性和方法

    constructor属性 prototype属性是Function对象中的属性之一

    实例化的时候会拷贝构造中的属性和方法,自然就有了constructor属性和prototype属性

    prototype属性:保存的就是地址

    作用:将实例和原型对象联系在一起

    属性搜索机制的本质:

    就是通过这个prototype属性中保存的地址链接原型

    结果都是tom,因为原型被所有实例共享,他们操作的其实是同一块内存区域

    五、属性屏蔽理论

    如果原型中和构造函数中有相同的属性的话:

    第一点:你要会用属性搜索法则寻找出访问属性的链条

    第二点:如果我们想访问原型中的被屏蔽掉的属性有两种方法:

    • delete
    • 使用Product.prototype.属性或者方法名称
    1 第二点:  /*清除乌云*/
    2         delete product.name
    3         console.log(product.name)
    4 //        console.log(product.buy())
    5 
    6 
    7         /*被屏蔽之后如何获取 */
    8 //        console.log(Product.prototype.buy())
  • 相关阅读:
    testNg vs junit 4.X @Test
    lombok+slf4j+logback SLF4J和Logback日志框架详解
    IntelliJ IDEA 当pom.xml更新时,自动加载pom.xml
    运算符重载具体解释
    设计模式之十八:桥接模式(Bridge)
    无限层级的组织机构
    实战Jquery(一)--username校验
    Android错误之--Error retrieving parent for item: No resource found that matches the given name 'Theme.A
    hibernate 缓存
    android --多线程下载
  • 原文地址:https://www.cnblogs.com/le220/p/8431466.html
Copyright © 2020-2023  润新知