Javascript专栏

我们在研究如何得到某个变量的类型之前，先回顾一下JavaScript都有哪些类型呢？

1. 类型介绍

• 基本数据类型
  1. 数值类型
     • Number
     • BigInt类型
  2. String
  3. Bollean
  4. Null
  5. Undefined
  6. Symbol 符号。ES2015新增
• 引用数据类型
  1. Object
     • Function
     • Array
     • Date
     • RegExp 正则表达式

1.1 基本数据类型和引用数据类型的区别 1.1.1 声明变量时分配的内存不同

1. 原始值：存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。
2. 引用值：存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存地址。

1.1.2 不同的内存分配机制也带来了不同的访问机制

1. 在javascript中是不允许直接访问保存在堆内存中的对象的，所以在访问一个对象时，
   首先得到的是这个对象在堆内存中的地址，然后再按照这个地址去获得这个对象中的值，这就是传说中的按引用访问。
2. 而原始类型的值则是可以直接访问到的

1.1.3 复制变量时的不同

1. 原始值：在将一个保存着原始值的变量复制给另一个变量时，会将原始值的副本赋值给新变量，此后这两个变量是完全独立的，他们只是拥有相同的value而已。

var a = 20;
var b = a;
b = 30;
console.log(a); // 仍是20
// 因为b获取的是a值的一份拷贝，b更改不会影响a

2. 引用值：在将一个保存着对象内存地址的变量复制给另一个变量时，会把这个内存地址赋值给新变量，也就是说这两个变量都指向了堆内存中的同一个对象，他们中任何一个作出的改变都会反映在另一个身上。（这里要理解的一点就是，复制对象时并不会在堆内存中新生成一个一模一样的对象，只是多了一个保存指向这个对象指针的变量罢了）。多了一个指针

var obj1 = new Object()
var obj2 = obj1; // obj1赋值给obj2，实际上是把obj1在栈内存的引用地址复制了一份给obj2 这样的话他们就会指向同一个堆内存对象
obj2.name = 'jxx'
console.log(obj1.name); // jxx

1.1.4 参数传递的不同

当两者作为函数的参数进行传递时：

1. 基本数据类型传入的是数据的副本，原数据的更改不会影响传入后的数据
2. 引用数据类型传入的是数据的引用地址，原数据的更改会影响传入后的数据

1.2 Bollean对象与Bollean类型

Bollean类型不再赘述，在这里我们讨论一下Bollean对象

var x = new Boolean(false) // true
var x = Boolean(false)  // false

不要用创建 Boolean 对象的方式将一个非布尔值转化成布尔值，直接将 Boolean 当做转换函数来使用即可。因为对于任何对象，即使是值为 false 的 Boolean 对象，当将其传给 Boolean 函数时，生成的 Boolean 对象的值都是 true。

var x = new Boolean(null) 
console.log(x); // [Boolean: false]
if (x) {
  console.log('我生成的全是true');
}

var y = Boolean(x)
console.log(y); // true

2. 判断一个值的类型有什么方法 2.1 typeof *** 作符 2.1.1 基本类型

console.log(typeof !!(1)); // boolean 两次调用!(逻辑非) *** 作符相当于Boolean()
console.log(typeof 42n); // bigint
console.log(typeof null); // object 自js诞生便是如此
console.log(typeof function () {}); // function

2.1.2 new *** 作符

// 除 Function 外的所有构造函数的类型都是 'object'
console.log(typeof new Function()); // function
console.log(typeof new Boolean(true)); // object
console.log(typeof new Number(1)); // object
console.log(typeof new String('abc')); // object

2.2 instanceof

通过判断左边在不在右边的圆形脸上来实现判断类型

function a() { }
var a1 = new a()
console.log(a1 instanceof a); //true

2.3 constructor

function a() {}
console.log(a.constructor == Function); //true

不过函数的constructor 是不稳定的，这个主要体现在把类的原型进行重写，在重写的过程中很有可能出现把之前的constructor给覆盖了，这样检测出来的结果就是不准确的。

function A() {}
A.prototype.constructor = A; //程序可以自动添加，当我们写个构造函数的时候，程序会自动添加这句代码
function B() {}
A.prototype.constructor = B; //此时我们就修改了A构造函数的指向问题
console.log(A.constructor === A); // false

2.4 ⭐Object.prototype.toString.call()

console.log(Object.prototype.toString.call('123')); //[object String]
console.log(Object.prototype.toString.call(null)); // [object Null]

2.5 怎么判断一个变量arr是否为数组

本题用typeof不行，其他的就可以。

console.log(typeof arr); //object
console.log(arr instanceof Array); //true
console.log(arr.constructor); // [Function: Array]
console.log(Object.prototype.toString.call(arr)); //[object Array]

3. null和undefined有什么区别

null表示一个对象被定义了，值为空值
undefined表示不存在这个值

1. 变量被声明了，但没有被赋值，就等于undefined
2. 调用函数时，应该提供的参数没有提供，该参数等于undefined

function a(b) {
  console.log(b);
}
a() // undefined

3. 对象没有赋值的属性，该属性的值为undefined
4. 函数没有返回值时，默认返回undefined

4. 深浅拷贝 4.1 深浅拷贝区别

浅拷贝只