首先,数据类型分类有值类型和引用类,其中,值类型又有:字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol
引用类型有:对象(Object)、数组(Array)、函数(Function),
值类型的数据通常情况下会被存储到栈中,且容易被重赋值或回收,可以理解成一颗果树结的果子,尽管我们仍未知道那天所见的果的名字,但是它却以数据的格式被存储了,
而引用类型的对象将以方式存储到堆中,即开辟一个常量空间来存贮,调用的时候从堆里找到对象名,按照表达式(即JS中操作对象的函数或方式,可以理解为采摘果子的方式)来获取存贮于栈中的具体数据(果子)
同一函数若在其内部没有定义变量,而是将外部的全局变量重复值的话,那再次引用该函数时将会引用上一次的函数变化值。
数据类型不同,那么浏览器对其内部操作也就不大相同,尤其是对于复杂数据类型而言,很有可能造成一些不必要的麻烦,变量的值如果是一般数据类型的话,浏览器会把这个值存放到【栈】中,如果是复杂数据类型将会在【堆】中开辟一个新的空间用于单独存放,其中的【栈】和【堆】是一种概念,相当于内存中某处存放数据的地方,对于【栈】,是有一定大小空间的,如果这个数据过于庞大,比如一些数位高的惊人的数据,在处理上也会造成延误或者滞留。
比如:
let a = 100, let b = a ,那么b的结果也将等于100
let a = { name : '王二麻子' } , let b = a ,由于此时两个变量都是指向一个值,而由于对象的值是存放在【堆】里面的,【堆】会将数据的位置生成一串内部地址存放在【栈】里,a和b都指向这个地址,则此时 b的结果也将会是 { name:'王二麻子'} ,但如果此时赋值 b = { name : '路人甲' },则由于更改的是同一内存地址内的值,则这个值也会影响a的取值,此时的a也会等于 { name : '路人甲' }
深浅拷贝:
由上文引起对于深浅拷贝的初级概念(后面对于JSON的方法概念也会加深这个理解),深拷贝就是不影响其他变量的值,将地址,文件全复制,浅拷贝就是仅复制地址,更改其值会影响调用该地址的其他对象,上文的a和b就是例子,b仅复制了a的地址,赋值b的同时也会影响a的内容,
由浅拷贝变深拷贝的方法:
定义b为一个新的地址(即开辟一个新的数据存放在【堆】中),let b = { } , 然后b【“name”】= ’炮灰丙’,则此时重定义后的b虽然前面也”=“a了但自己开辟了一个内存地址,即可在不影响a的情况下变更该值,
或者,使用数组方法【concat()】,
let a = [ 1,3,5 ]
let b = 【 】 , b.concat(a)
那么 b = 【 1,3,5 】,更改b[0]=3,
那么:a = [1,3,5]、b = [ 3,3,5]
运用扩展运算符:用于取出参数对象所有可遍历属性然后拷贝到当前对象(自定义的属性在拓展运算符后面,则拓展运算符对象内部同名的属性将被覆盖掉。)
let person = {name: "Amy", age: 15};
let someone = { ...person };
someone; //{name: "Amy", age: 15}
对象方法:(ES6新增)
Object.assign(target, source_1, ···)(用于将源对象的所有可枚举属性复制到目标对象中)(浅拷贝)
let target = {a: 1};
let object2 = {b: 2};
let object3 = {c: 3};
Object.assign(target,object2,object3);
target; // {a: 1, b: 2, c: 3}
如果目标对象和源对象有同名属性,或者多个源对象有同名属性,则后面的属性会覆盖前面的属性,且如果该函数只有一个参数,当参数为对象时,直接返回该对象;当参数不是对象时,会先将参数转为对象然后返回(详细可参考菜鸟教程3.2.3 ES6 对象 | 菜鸟教程)
Object.is(value1, value2)(用来比较两个值是否严格相等,与(===)基本类似)
Object.is("q","q"); // true
Object.is(1,1); // true
Object.is([1],[1]); // false
Object.is({q:1},{q:1}); // false