数据类型与typeof

    科技2024-05-25  79

    个人学习笔记,如有错误请指出

    数据类型

    基本数据类型(原始值类型)

    number NaN/Infinity特殊string 单引号/双引号/反引号``boolean true/falsenullundefinedsymbol 创建唯一值bigint

    引用数据类型:

    object {} 普通对象[] 数组对象/^[+-]?(?:\d|(?:[1-9]\d+))(\.\d+)?$/ 正则对象日期对象function(较为特殊,函数是一个附带可被调用功能的常规的对象)…

    一共8大数据类型

    更加详细和官方的解释参考MDN: JavaScript 数据类型和数据结构

    注意: javascript中,set和map是一种数据结构,本质上还是Object类型

    typeof

    typeof 操作符返回一个字符串,表示未经计算的操作数的类型

    //7个基本数据类型 typeof 10 //"number" typeof '1' //"string" typeof null //"object" typeof undefined //"undefined" typeof Symbol() //"symbol" typeof 9007199254740991n //"bigint" typeof true //"boolean" //object类型 typeof {} //"object" typeof [] //"object" typeof /^$/ //"object" typeof new Date() //"object"

    注意比较特殊的

    //需要记住的特殊值 typeof NaN //"number" typeof function(){} //"function" typeof null //"object" typeof []//不要搞混,typeof 细分对象是不可以的 //"object"

    注意三个包装对象

    所谓“包装对象”,指的是与数值、字符串、布尔值分别相对应的Number、String、Boolean三个原生对象。这三个原生对象可以把原始类型的值变成(包装成)对象。

    var v1 = new Number(123); var v2 = new String('abc'); var v3 = new Boolean(true); typeof v1 // "object" typeof v2 // "object" typeof v3 // "object" v1 === 123 // false v2 === 'abc' // false v3 === true // false

    typeof null === 'object' 原因

    typeof的原理:

    所有的数据类型值在计算机中存储的都是按照“二进制”存储的null -> 000000只要是对象都是以 000 开始的typeof`检测的时候,是按照计算机存储的二进制的值来检测的

    MDN解释:

    总结:

    因为在javascript当中值的类型由类型标签+实际数值表示,对象的类型标签是0,而null指向空指针,用0x00的值来表示,所以null的类型标签也是0,因此typeof null 返回 "object"。

    NaN

    NaN:not a number 不是一个有效数字,但是它属于number数据类型的

    console.log(typeof NaN); //=>"number" console.log(NaN == NaN); //=>false console.log(NaN === NaN); //=>false let n = 10; //如何检测是NaN if (isNaN(n)) { // 条件成立:证明它真的是非有效数字 } Object.is([val1],[val2])//检测两个值是否相等 console.log(Object.is(NaN, NaN)); //=>true

    Object.is()内部对NaN的判断做了特殊处理

    Infinity

    typeof Infinity//"number" Infinity===Infinity//true -Infinity===Infinity//false

    symbol

    简单介绍

    JS 中的 Symbol 是什么? ECMAScript 6入门-Symbol

    Symbol 可以创建一个独一无二的值。

    console.log(new Symbol()); //Uncaught TypeError: Symbol is not a constructor //无法使用new Sumbol(基本数据类型) console.log(Symbol('AA') === Symbol('AA')); //false //每次都会创建一个唯一值,括号中的字符串可以看做标记,注释,只是为了区分 let symb = Symbol('BB'); console.log(symb === symb); //true

    bigint

    最大安全数与最小安全数

    Number.MAX_SAFE_INTEGER//9007199254740991 Number.MIN_SAFE_INTEGER//-9007199254740991 Math.pow(2,53)//9007199254740992

    超过这个数计算会出现错误

    bigint解决大数问题

    如果服务器存储ID是长整型,int值非常大。当服务器将其转化为字符串的时候,返回给客户端就没有问题,如果服务器以Number类型返回,那么这个返回的id在浏览器中和服务器中值不一样,会发生改变,出现错误

    为了解决这个问题,在es6中引入新的数据类型bigint,在数字后面加n即为bigint类型

    9007199254740992123n+1n//9007199254740992124n typeof 9007199254740992124n//"bigint"
    Processed: 0.009, SQL: 8