这是我参与8月更文挑战的第4天，活动详情查看：8月更文挑战
js中的数据类型
原始值类型
- 1. number:NaN[不是一个有效数字]、Infinity[无穷大的值]
- 2. string
- 3. boolean
- 4. null
- 5. undefined
- 6. symbol
- 7. bigint
对象类型
- 标准普通对象 object
- 标准特殊对象 Array/Regexp/Date/Error/Math/ArrayBuffer/DataView/Set/Map。。。
- 非标准特殊对象 Number/Sring/Boolean/Symbol/Bigint
- 可调用对象 【实现了call方法】function
symbol类型
1.对象的唯一属性
如果想要拿到Symbol()的值
方法1
let key = Symbol()
let obj = {
[key]: 100
}
console.log(obj[key])
方法2
let arr = Object.getOwnPropertySymbols(obj) //获得当前对象所有的Symbol属性
arr.forEach(item => {
console.log(obj[item])
})
2.宏观管理标识：保证标志的唯一性（vuex/redux）
3.底层原理
- Symbol.hasInstance
- Symbol.iterator
- Symbol.toPrimitive
- Symbol.toStringTag
- ......
typeof的语法
typeof是一个运算符，有2种使用方式：typeof(表达式)和typeof 变量名，第一种是对表达式做运算，第二种是对变量做运算。
数据类型检测
- 1. typeof 运算符
- 2. instanceof [本意：检测实例是否属于某类]
- 3. constructor [本意：获取构造函数]
- 4. Object.prototype.toString.call([value]) 检测数据类型
- 5. Array.isArray([value]) 检测一个值是否为数组
typeof[value]
- 1. 返回[value]所属类型的字符串 例如'Number'/'String'...
- 2. 不能检测null typeod null -> 'Object'
- 3. 除可调用对象[函数]会返回'function' [不论是箭头函数、构造函数、生成器函数、普通函数都返回'function'] 其余的对象数据值返回的都是'Object'
- 4. 检测一个未被申明的变量不会报错，返回undefined
GetValue(val) [浏览器内部提供的方法C++]，按照值存储的二进制进行检测
- + 对象 000 -> 函数实现了call，则返回'function' 没实现call返回'object'
- + null 000000 -> 没实现call返回'object'
- + undefined -2^30
- + 数字 -> 整数1 浮点数010
- + 字符串 -> 100
- + 布尔 -> 110
typeof 检测数据类型还是很快的，检测原始值类型[除了null，还是很准确的]
字面量:原始值
let n = 10
// 构造函数
let m = new Number(10);
let x = Object(10);
// 不允许被new的
new Symbol() // Uncaught TypeError: Symbol is not a constructor
new BigInt()
最大安全数字：9007199254740991 超过这个数字进行运算就不准确了
console.log(Number.MAX_SAFE_INTEGER,Number.MIN_SAFE_INTEGER)
问题：服务器中有longInt 长整型这种值，如果把这样的值返回客户端，则客户端无法进行有效的处理
[一般服务器都是以字符串的形式返回，但是字符串进行计算还是需要转换为数字才可以，还是不准确]
9007199254740991n-1n 数字后面加n就是bigint类型 9007199254741000n.toString() =>返给服务器
前端路漫漫其修远兮，吾将上下而求索，一起加油，学习前端吧!
