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

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

在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后，会将原始数据类型转为对象。

2. 构造函数创建变量

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__指向（或继承）构造函数String的String.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。对象指的不是Object，Object是函数。

image.png

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

三、String.__proto__

1. String.__proto__指向的是构造函数String的构造函数Function的prototype，即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添加方法和属性