美文网首页
不可变,原始数据的类文件对象&&原型链

不可变,原始数据的类文件对象&&原型链

作者: 葵葵的花园 | 来源:发表于2019-05-08 18:35 被阅读0次

    在面向对象及函数编程语言中,不可变对象是一种对象。在被创造之后,它的状态就不可以被改变。状态可以被改变的对象,则被称为可变对象。

    这里状态可以简单理解为对象的值。


    在javascript中,原始值(undefined, null, 布尔值, 数字和字符串)这些都是不可变原始值。
    理解:不可变说的是一旦这些基本类型值创建后会一直保存其内存地址,直到被浏览器的垃圾回收机制回收。而我们一直用的创建一个字符串变量,只是将这个变量指向了该字符串的内存地址,当改变该变量的值,也就是改变了该变量指向的字符串内存地址,而原来的字符串还在内存中存在。

    js对象的属性值发生改变,会创建一个新的属性值,然后改变的是该属性指向的内存地址。对象本身的内存地址是没有改变的。这样对象的内存地址没有变化。
    原始值:任何方法都无法更改一个原始值。

    示例

    let s = 'hello'; // 这里申请内存,并保存数据hello,并把内存地址赋给
    s.toUpperCase(); // 生成一个新的数据HELLO,并申请内存保存之
    s = s.toUpperCase(); // 把新的内存地址赋给s,此时s的值就是HELLO了。原来的'hello'会被回收。
    

    一、js数据

    1.typeof

    1. typeof返回一个字符串,指示未经计算操作数的类型。
    2. typeof能区分值类型的详细类型,但对于引用类型就不行了。
    3. typeof null 返回object是历史遗留问题,自从js出现就是这样的。
    4. typeof通常只返回6种数据类型:number,string,boolean,undefined,object,function,symbol
      js的typeof数据类型.png

    2.instanceof

    instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。
    语法:

    // obj是使用构造函数构造的变量,Object是构造函数的名称
    obj instanceof Object
    
    image.png image.png

    3.字面量创建变量和new 构造函数创建变量

    什么是字面量?
    两者区别:

    1. 字面量创建对象
    let obj = { id: 1, };
    let str = 'abc';
    let num = 123;
    

    上面创建变量时,不会调用构造函数。是一个原始类型(基本类型)的值。
    使用new后,会将原始数据类型转为对象。

    1. 构造函数创建变量
    let obj = new Object({ id:1 });
    let str = new String('abc');
    let num = new Number(123);
    

    new方式创建变量的本质是方法调用,会遍历__proto__中的方法和属性,找到该构造函数的方法,然乎生产方法调用必须的堆栈信息,方法调用结束后,还要释放堆栈,性能不如字面量方式。

    问题

    1. 字面量方式创建的变量,为什么有构造函数函数创建的变量的方法和属性?
      可以参考这个问题
      涉及到包装类型
      发现一个有趣的:
      image.png

    4.原型

    1. 原型对象:这个原型对象包含所有实例共享的属性和方法。其实最初指的是函数prototype

      image.png
    2. 当使用构造函数实例化时,实例化后的是对象,会将实例化对象的__proto__指向构造函数的prototype

    3. 任意一个函数(包括构造函数)都有一个prototype属性。函数也是对象。

    4. 所有对象都有__proto__属性。构造函数实例化后的是一个对象。


    自己理解示例:

    let str = new String('abc')

    一、str.__proto__

    1. str.__proto__是对象,没有prototype
    2. str.__proto__指向(或继承)构造函数StringString.prototype

    image.png

    二、String.prototype

    1. String.prototype包含构造函数String自定义的属性和方法。String.prototype还包含构造器constructor__proto__
    1.1 String.protype.constructor指向本身的函数String

    image.png

    1.2 String.prototype.__proto__:因为String.protype.是对象,下面无构造函数了,所以String.prototype.__proto__指向的是对象的原型prototype。对象指的不是ObjectObject是函数。

    image.png

    新建函数时,函数的prototype下的__proto__指向的是对象的原型prototype
    新建的对象没有prototype属性。

    三、String.__proto__

    1. String.__proto__指向的是构造函数String的构造函数Functionprototype,即Function.prototype

    image.png

    四、Function.prototype

    1. Function.protype.constructor指向本身的函数Function

      image.png
    2. Function.prototype.__proto__:因为Function.protype.是对象,下面无构造函数了,所以Function.prototype.__proto__指向的是对象的原型prototype

      image.png

    五、Function.__proto__

    1. Function.__proto__指向Function.prototype。即 Function.__proto__Function.prototype相等。所以Function.__proto__也指向的是对象的原型prototype

    image.png

    5.原型链

    1. 由于__proto__是任何对象都有的属性,所以最终会形成一条__proto__连起来的链条,递归访问__proto__必须最终到头,并且值是null。
    2. 当js引擎查找对象的属性时,先查找对象本身是否存在该属性,如果不存在,会在原型链上找,但不会查找自身的prototype
      image.png
    3. 给原型prototype添加方法和属性

    相关文章

      网友评论

          本文标题:不可变,原始数据的类文件对象&&原型链

          本文链接:https://www.haomeiwen.com/subject/qnoloqtx.html