js的数据类型

32 阅读5分钟

1.说说JavaScript中的数据类型?存储上的差别

image.png

1.1在JavaScript中,我们可以分成两种类型

  • 基本类型

  • 复杂类型

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

1.2 基本类型主要为以下6种

  • Number
  • String
  • Boolean
  • Undefined
  • null
  • symbol

1.2.1 Number

数值最常见的整数类型格式则为十进制,还可以设置八进制(零开头)、十六进制(0x开头)

1 let intNum = 55 //10进制的55
2 let numl = 070 //8进制的56
3 let hexNuml = 0xA //16进制10

浮点类型则在数值汇总必须包含小数点,还可以通过科学计数法表示

1 let floatNum1 = 1.1
2 let floatNum2 = 0.1
3 let floatNum3 = .1 //有效,但不推荐
3 let floatNum = 3.125e7 //等于31250000

在数值类型中,存在一个特殊值NaN,意为 ”不是数值“,用于表示本来要返回的数值操作失败了(而不是抛出错误)

1 console.log(0/0) //NaN
2 console.log(-0/+0) //NaN

1.2.2 Undefined

Undefined 类型只有一个值,就是特殊值undefined。当使用var或let声明了变量但没有初始化时,就相当于给变量赋予了undefined,当函数没有写返回值时,默认返回undefined

1 let message
2 console.log(message === undefined) //true

包含undefined值的变量跟未定义变量是有区别的

1 let message //这个变量被声明了,只是值为undefined
2 console.log(message) //"undefined"
console.log(age) //没有声明过这个变量,报错

1.2.3 String

字符串可以使用双引号("")、单引号('')或者反引号(``)表示

1 let firstName = "John"
2 let lastName = 'Jacob'
3 let lastName = `jing`

字符串是不可变得,意思是一旦创建,它们的值就不能变了

1 let lang = "Java"
2 lang = lang + 'Script' //先销毁在创建

1.2.4 Null

Null 同样只有一个值,即特殊值null

逻辑上来讲,null值表示一个空对象指针,这也是给typeof传一个null会返回 "Object"的原因

1 let car = null
2 console.log(typeof car) // "object"

undefined 值由null 值派生而来

1 console.log(null===undefined) //true

只要变量保存对象,而当时又没有那个对象可保存,就可用null来填充该变量

1.2.5 Boolean

Boolean (布尔值) 类型有两个字面值:true 和 false

通过Boolean可以将其他类型的数据转化成布尔值

规则如下:

1 数据类型                 转换为false的值                  转换为true的值
​
2 String                       ""                          非空字符串
​
3 Number                      0NaN                      非零数值(包括无穷值)
​
4 Object                       null                         任意对象
​
5 undefined                    undefined                     N/A(不存在)

1.2.6 Symbol

Symbol(符号)是原始值,且符号实例是唯一、不可变的。符号的用途是确保对象属性使用唯一标识符,不会发生属性冲突的危险

    1       let genericSymbol = Symbol();
    2       let otherGenericSymbol = Symbol();
    3       console.log(genericSymbol === otherGenericSymbol); // false
    4       `let fooSymbol = Symbol('foo');
    5       let otherFoolSymbol = Symbol('foo');
    6       console.log(fooSymbol === otherFoolSymbol); // false

1.3 引用类型

复杂类型统称为Object,主要讲述下面三种:

  • Object
  • Array
  • Function

1.3.1 Object

创建Object常用方式为对象字面量表示法,属性名可以是字符串或数值

1  let person = {
2    name:"zhangsan"
3     "age":29
4    5:true
5  }

1.3.2 Array

JavaScript 数组是一组有序数组,但跟其他语言不同的是,数组中每个槽位可以存储任意类型的数据。并且,数组也是动态大小的,会随着数据添加而自动增长

1  let colors = ["red",2,{age:10}]
​
2  colors.push(2)

1.3.3 Function

函数实际上是对象,每个函数都是Function类型的实例,而Function也有属性和方法,跟其他引用类型一样

  • 函数声明
1 //函数声明
2 function sum (num1,num2){
3    return num1 + num2
4 }
  • 函数表达式
1 let sum = function(num1,num2){
2     return num1 + num2   
3 }
  • 箭头函数

函数声明和函数表达式两种方式

1 let sum = (num1,num2) => {
2    return num1 + num2
3 }

1.3.4 其他引用类型

除了上述三种之外,还包括Date、RegExp、Map、Set等

1.4 存储区别

基本数据类型和引用数据类型在内存中的位置不同:

  • 基本数据类型存储在栈中
  • 引用数据类型的对象存储在堆中

当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值

1.4.1 基本类型

1 let a = 10
2 let b = a  //赋值操作
3 b = 20
4 console.log(a) //10值

a的值为一个基本类型,是存储在栈中,将a的值赋给b,虽然两个变量的值相等,但是两个变量保存了两个不同的内存地址

下图演⽰了基本类型赋值的过程:

image.png

1.4.2 引用类型

1 var obj1 = {}
2 var obj2 = obj1
3 obj2.name = 'Xxx'
4 console.log(obj1.name) // Xxx

引用类型数据存放在堆中,每个堆内存对象都有对应的引用地址指向它,引用地址存放在栈中。obj1是一个引用类型,在赋值操作过程中汇总,实际是将堆内存对象在栈内存的引用地址复制了一份给obj2,实际上他们共同指向了同一个堆内存对象,所以更改obj2会对obj1产生影响

下图演示这个引用类型赋值过程

image.png

1.5小结

  • 声明变量时不同的内存地址分配:

1.简单类型的值存放在栈中,在栈中存放的是对应的值

2.引⽤类型对应的值存储在堆中,在栈中存放的是指向堆内存的地址

  • 不同的类型数据导致赋值变量时的不同:

    1.简单类型赋值,是⽣成相同的值,两个对象对应不同的地址

    2.复杂类型赋值,是将保存对象的内存地址赋值给另⼀个变量。也就是两个变量指向堆内存中同

    ⼀个对象