01-数据类型

鲤鱼池
66 阅读3分钟

JS的基本数据类型和引用数据类型

  • JavaScript一共有8种数据类型，其中有7种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（es6新增，表示独一无二的值）和BigInt（es10新增）；

  • 1种引用数据类型——Object（Object本质上是由一组无序的名值对组成的）。里面包含 function、Array、Date等。JavaScript不支持任何创建自定义类型的机制，而所有值最终都将是上述 8 种数据类型之一。

  • 对象Object（包含普通对象-Object，数组对象-Array，正则对象-RegExp，日期对象-Date，数学函数-Math，函数对象-Function）

存储位置

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

数据类型的检测

1、typeof 对于原始类型来说，除了 null 都可以显示正确的类型

image.png

typeof 对于对象来说，除了函数都会显示 object，所以说 typeof 并不能准确判断变量到底是什么类型,所以想判断一个对象的正确类型，这时候可以考虑使用 instanceof。但是它不能正确判断基础数据类型；

2、instanceof 可以正确的判断对象的类型，因为内部机制是通过判断对象的原型链中是不是能找到类型的 prototype

image.png

3、Object.prototype.toString.call()

  • toString() 是 Object 的原型方法，调用该方法，可以统一返回格式为 “[object Xxx]” 的字符串，其中 Xxx 就是对象的类型。对于 Object 对象，直接调用 toString() 就能返回 [object Object]；而对于其他对象，则需要通过 call 来调用，才能返回正确的类型信息。
  • Object.prototype.toString.call() 可以很好地判断引用类型，甚至可以把 document 和 window 都区分开来 image.png

4、通用数据类型方法

image.png

数据类型转换

在 JS 中类型转换只有三种情况，分别是：

  • 转换为布尔值：在条件判断时，除了 undefined，null， false， NaN， ''， 0， -0，其他所有值都转为 true，包括所有对象
  • 转换为数字
  • 转换为字符串

强制类型转换示例

image.png

null，undefined 的区别

  • undefined 表示不存在这个值。
  • undefined :是一个表示"无"的原始值或者说表示"缺少值"，就是此处应该有一个值，但是还没有定义。当尝试读取时会返回 undefined
  • 例如变量被声明了，但没有赋值时，就等于undefined
  • null 表示一个对象被定义了，值为“空值”
  • null : 是一个对象(空对象, 没有任何属性和方法)
  • 在验证null时，一定要使用 === ，因为 ==无法分别null 和 undefined

如何通过JS判断一个数组

  • instanceof方法 var arr = []; arr instanceof Array; // true
  • ES5新增方法Array.isArray([])

JS的内置对象

  • 数据封装类对象：Object、Array、Boolean、Number、String
  • 其他对象：Function、Arguments、Math、Date、RegExp、Error
  • ES6新增对象：Symbol、Map、Set、Promises、Proxy、Reflect

let与var的区别

  • let命令不存在变量提升，如果在let前使用，会导致报错
  • 如果块区中存在let和const命令，就会形成封闭作用域
  • 不允许重复声明，因此，不能在函数内部重新声明参数
avatar
文章
阅读
粉丝