重学JavaScript,推翻你的固有认知 —— 数据类型和数据结构

简介: 笔记

15.png

1. 什么叫动态类型


  • JavaScript 是一种弱类型或者说动态语言。
  • 我们不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。
  • 这也意味着你可以使用同一个变量保存不同类型的数据
let a;     // 初始不给任何类型
a = 11;    // a此时是number类型
a = "二大爷"; // a 变成了字符串类型
a = true;  // a 变成了布尔类型

实际应用过程中并不推荐这样做,容易出现一些不可预知的错误

  • 比如你兄弟忽然变成了女的,又很漂亮(睡还是不睡?
  • 比如你闺蜜忽然变成了男的,很帅(上还是不上?
  • 比如隔壁老王变成了你老婆…(老王自己变成绿帽?)
  • 综上所述,数据类型一旦被确定,不要轻易篡改~~16.png


2. 数据类型



你可能仍然以为JavaScript只有 6 种数据类型(这就是固有认知)

最新的 ECMAScript 标准定义了 8 种数据类型:

2.1 原始类型(6 种原始类型,使用 typeof 运算符检查)


undefined:typeof instance === “undefined”

Boolean:typeof instance === “boolean”

Number:typeof instance === “number”

String:typeof instance === "string

BigInt:typeof instance === “bigint”(任意大的整数)

Symbol :typeof instance === “symbol”

2.2 null 与 Object


null: typeof instance === “object”

typeof instance === “object”。

任何 constructed 对象实例的特殊非数据结构类型,也用做数据结构:(new Object,new Array,new Map,new Set,new WeakMap,new WeakSet,new Date),和几乎所有通过 new 关键字创建的东西。

2.3 typeof 操作符重点说明


typeof 操作符的唯一目的就是检查数据类型。

如果我们希望检查任何从 Object 派生出来的结构类型,使用 typeof 是不起作用的,因为总是会得到 “object”。

检查 Object 种类的合适方式是使用 instanceof 关键字(数组与对象等),但即使这样也存在误差(目前没有百分百准备的方法,很遗憾)17.png


3. 原始值



3.1 原始值基本概念


除 Object 以外的所有类型都是不可变的(值本身无法被改变)。

例如,与 C 语言不同,JavaScript 中字符串是不可变的(JavaScript 中对字符串的操作一定返回了一个新字符串,原始字符串并没有被改变),我们称这些类型的值为“原始值”。

3.2 各类型说明


布尔类型:一个逻辑实体,可以有两个值:true 和 false

Null类型:只有一个值: null,就是啥也没有

Undefined类型:一个没有被赋值的变量会有个默认值 undefined

Number类型:没有像Java一样进一步细分类型,整数和浮点数都可以。还有一些带符号的值:+Infinity,-Infinity 和 NaN (非数值,Not-a-Number)

BigInt 类型:JavaScript 中的一个基础的数值类型,可以用任意精度表示整数。可以安全地存储和操作大整数,甚至可以超过数字的安全整数限制。BigInt是通过在整数末尾附加 n 或调用构造函数来创建的。

语法:BigInt(value);

value: 创建对象的数值。可以是字符串或者整数

BigInt() 不是构造函数,因此不能使用 new 操作符

String类型:字符串是不可更改的。这意味着字符串一旦被创建,就不能被修改。但是,可以基于对原始字符串的操作来创建新的字符串。

获取一个字符串的子串可通过选择个别字母或者使用 String.substr().

两个字符串的连接使用连接操作符 (+) 或者 String.concat().

Symbols类型:唯一的并且是不可修改的, 并且也可以用来作为Object的key的值

Object类型:对象可以被看作是一组属性的集合,用对象字面量语法来定义一个对象时,会自动初始化一组属性。

属性的值可以是任意类型,包括具有复杂数据结构的对象。属性使用键来标识,它的键值可以是一个字符串或者符号值(Symbol)18.png


目录
相关文章
|
13天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
20天前
|
存储 消息中间件 NoSQL
Redis数据类型详解:选择合适的数据结构优化你的应用
Redis数据类型详解:选择合适的数据结构优化你的应用
|
1月前
|
JSON JavaScript 前端开发
解决js中Long类型数据在请求与响应过程精度丢失问题(springboot项目中)
解决js中Long类型数据在请求与响应过程精度丢失问题(springboot项目中)
38 0
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
|
1月前
|
JavaScript 前端开发
JavaScript 中有哪些数据类型?
JavaScript 中有哪些数据类型?
18 3
|
1月前
|
JavaScript
JS常用数据类型转换
JS常用数据类型转换
13 1
|
1月前
|
存储 JavaScript 前端开发
javascript的8中数据类型
javascript的8中数据类型
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
|
6天前
|
JavaScript 前端开发
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
|
8天前
|
存储 JavaScript 前端开发
JavaScript的引用数据类型主要包括对象
【4月更文挑战第16天】JavaScript的引用数据类型主要包括对象
16 4