JS的数据类型/判断方法/栈与堆/深浅拷贝

一、数据类型

1、六种基本数据类型

• undefined
• null
• string
• number(注意:NaN)
• boolean
• symbol(ES6)

2、一种引用类型

• Object(包括Array和Function)

3、检测方式

1）typeof(…)

用来检测：undefined、string、number、boolean、symbol、object、function
无法检测引用类型里的Array

2）xx instanceof type

用来检测引用类型是Array/Function/Object
无法检测基本类型

console.log(2 instanceof Number);                    // falseconsole.log(true instanceof Boolean);                // false console.log('str' instanceof String);                // false  console.log([] instanceof Array);                    // trueconsole.log(function(){} instanceof Function);       // trueconsole.log({} instanceof Object);                   // true    console.log(undefined instanceof Undefined);// 报错console.log(null instanceof Null);//报错

3）constructor

console.log((2).constructor === Number); //trueconsole.log((true).constructor === Boolean); //trueconsole.log(('str').constructor === String); //trueconsole.log(([]).constructor === Array); //trueconsole.log((function() {}).constructor === Function); //trueconsole.log(({}).constructor === Object); //true

但是假如创立的对象更改了原型，是无法检测到最初的类型

function Fn(){}; //原来是方法Fn.prototype=new Array(); //改变原型为数组var f=new Fn();console.log(f.constructor===Fn);    // falseconsole.log(f.constructor===Array); // true

4）其余补充方法

• null检测方式：a === null
• Array检测方式：Array.isArray([…])

5）万金油方法:Object.prototype.toString.call()

能检测所有类型，返回 “[object type]”, 其中type是对象类型

var a = Object.prototype.toString; console.log(a.call(2));console.log(a.call(true));console.log(a.call('str'));console.log(a.call([]));console.log(a.call(function(){}));console.log(a.call({}));console.log(a.call(undefined));console.log(a.call(null));[object Number][object Boolean][object String][object Undefined][object Null][object Array][object Function][object Object]

4、null和undefined区别

• 基本没区别，都表示“无”
• 细微区别：

null表示”没有对象”，即该处不应该有值。典型用法是：
（1） 作为函数的参数，表示该函数的参数不是对象。
（2） 作为对象原型链的终点。

undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义。典型用法是：
（1）变量被公告了，但没有赋值时，就等于undefined。
（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。
（4）函数没有返回值时，默认返回undefined。

二、栈和堆

1、定义

• 栈stack为自动分配的内存空间，它由系统自动释放；
• 堆heap则是动态分配的内存，大小不定也不会自动释放。

?2、与数据类型的关系

• 基本数据类型存放在栈里，=：直接传值
• 引用数据类型存放在堆里，=：传址
  

题目:

三、浅/深拷贝

1、基本概念

前奏：浅/深拷贝主要针对引用类型

由于对于基本数据类型而言:

var a = 2var b = aa = 1console.log(a, b) // 1 ,2 ——a,b指向栈里不同数据 

而对于引用类型而言：

var a = {c: 2}var b = aa.c = 1console.log(a.c,b.c) //1，1 —— a,b指向堆里同份数据

为了切断引用类型a和b的联络，所以我们需要浅/深拷贝，

• 浅拷贝：一层拷贝
• 深拷贝：无限层拷贝

2、两大类：数组/对象

数组的浅拷贝：数组里的引用类型都是浅拷贝的

/**    数组的浅拷贝**///1、基本 =var arr1 = [1, 2, 3]var arr2 = arr1arr1[0]=100console.log(arr1,arr2) // [ 100, 2, 3 ] [ 100, 2, 3 ]//2、slicevar arr3 = [1, 2, 3]var arr4 = arr3.slice(-1) // 取数组最后一个元素arr3[2] = 100console.log(arr3,arr4) // [ 1, 2, 100 ] [ 3 ]//看起来修改旧数组不改变新数组，像是深拷贝了//但是！！！var arr5 = [1, 2, 3, {b: 4}]var arr6 = arr5.slice(-1)arr5[3].b = 100console.log(arr5, arr6) //[ 1, 2, 3, { b: 100 } ] [ { b: 100 } ]// 假如数组里元素是个引用类型，那么旧数组里这个元素被改变，会影响新数组// 所以slice()方法是浅拷贝//3、concat 同上理//4、遍历var arr7 = [1,2,3,{b:4}]var arr8 = []for (var i = 0; i < arr7.length; i ++) {    arr8.push(arr7[i])}arr7[3].b = 100console.log(arr7, arr8) // [ 1, 2, 3, { b: 100 } ] [ 1, 2, 3, { b: 100 } ]

对象的浅拷贝

// 1、 对象浅拷贝 - Object.assignfunction shallowCopy4(origin) {    return Object.assign({},origin)}//2、 对象浅拷贝 - 扩展运算符// 扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中function shallowCopy5(origin) {    return {        ...origin    }}

?深拷贝

1、最方便的JSON正反序列化

function deepClone1(origin) {    return JSON.parse(JSON.stringify(arr));}

原理：利用 JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化（复原）js对象
缺点：缺点就是无法拷贝 undefined、function、symbol 这类特殊的属性值，拷贝完变成null

参考：JS专题之深浅拷贝、 深拷贝的终极探究