JavaScript基础(持续更新中。。。)

76 阅读3分钟

一、数据类型

1. JavaScript有哪些数据类型,它们的区别?

JavaScript共有八种数据类型,分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。(Object是一种无序名值对的集合)

这些数据可以分为原始数据类型和引用数据类型:

  • 栈:原始数据类型(Undefined、Null、Boolean、Number、String)
  • 堆:引用数据类型(对象、数组和函数)

两种类型的区别在于存储位置的不同:

  • 原始数据类型直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储;
  • 引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定。如果存储在栈中,将会影响程序运行的性能;引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。

2. typeof 可以判断哪些类型?

类型typeof结果
基本类型undefined"undefined"
Boolean"boolean"
Number"number"
String"string"
BigInt(ECMAScript2020新增)"bigint"
null"object"
引用类型Object(Object、Array、Map、Set等)"object"
Function"function"

总结:typeof 操作符唯一的目的就是检查数据类型,用typeof来判断引用类型变量时,无论是什么类型的变量,它都会返回Object。

3. instanceof能做什么?与typeof有什么区别?

instanceof 与 typeof 相比,instanceof方法要求开发者明确的确认对象为某特定类型。即 instanceof 用于判断引用类型属于哪个构造函数的方法。

ar arr = []

arr instanceof Array // true

typeof arr // "object"

// typeof 是无法判断类型是否为数组的

instanceof 操作符检测过程中也会将继承关系考虑在内,所以instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。

// 判断 f 是否是 Foo 类的实例 , 并且是否是其父类型的实例
function Aoo(){

} 
function Foo(){

} 
// JavaScript 原型继承
Foo.prototype = new Aoo();
 
var foo = new Foo(); 
console.log(foo instanceof Foo);  // true 
console.log(foo instanceof Aoo);  // true

总结:instanceof可以正确判断对象的类型,其内部运行机制是判断在其原型链中能否找到该类型的原型

4. null 和 undefined 有什么区别?

首先 Undefined 和 Null 都是基本数据类型,这两个基本数据类型分别都只有一个值,就是 undefined 和 null。

undefined 代表的含义是未定义,null 代表的含义是空对象。一般变量声明了但还没有定义的时候会返回 undefined,null主要用于赋值给一些可能会返回对象的变量,作为初始化。

undefined 在 JavaScript 中不是一个保留字,这意味着可以使用 undefined 来作为一个变量名,但是这样的做法是非常危险的,它会影响对 undefined 值的判断。我们可以通过一些方法获得安全的 undefined 值,比如说 void 0。

当对这两种类型使用 typeof 进行判断时,Null 类型化会返回 “object”,这是一个历史遗留的问题。当使用双等号对两种类型的值进行比较时会返回 true,使用三个等号时会返回 false。

image.png

持续更新中。。。 image.png