首页 > 编程语言 >JavaScript中的数据类型-存储差别

JavaScript中的数据类型-存储差别

时间:2024-09-05 20:24:59浏览次数:10  
标签:存储 console log JavaScript 数据类型 let 类型 null 变量

总结

  1. 声明变量时不同的内存地址分配:
    • 简单类型的值存放在栈中,在栈中存放的是对应的值
    • 引用类型对应的值存储在堆中,在栈中存放的是指向堆内存的地址
  2. 不同的类型数据导致赋值变量时的不同:
    • 简单类型赋值,是生成相同的值,两个对象对应不同的地址
    • 复杂类型赋值,是将保存对象的内存地址赋值给另一个变量。也就是两个变量指向堆内存中同。一个对象

基本类型

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

    let num_1 = 11 // 10 进制
    let num_2 = 030 // 8 进制
    let num_3 = 0xC // 16 进制
    

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

    // 浮点
    num_1 = 1.1
    num_2 = .1 // 不推荐使用这种方式定义--可读性差,风格不一致,代码规范,容易出错
    num_3 = 1.3e4 // 科学记数法
    

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

  • String
    字符串可以使用双引号 ""、单引号 '' 或反引号 `` 表示

    let str = 'abc'
    let stri = "ef"
    let strin = `ghi`
    console.log([str, stri, strin])
    

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

    let lang = 'Java'
    lang = lang + 'Script' // 先销毁在创建
    console.log(lang)
    

    任何看似修改字符串的操作实际上都会创建并返回一个新的字符串

  • Boolean
    Boolean(布尔值)类型有两个字面值:truefalse
    通过 Boolean 可以将其他类型的数据转化成布尔值

    数据类型 转换为 true 的值 转换为 false 的值
    String 非空字符串 空字符串
    Number 非零数值(包括无穷值) 0, NaN
    Object 任意对象 N/A(不存在)
    Undefined N/A(不存在) undefined
  • Undefined
    Undefined 类型只有一个值,就是特殊值undefined,当我们声明变量但没有初始化时,变量会有一个默认的 undefined

    let und
    console.log(und)
    

    当我们试图越界访问不存在的值时,也会得到 undefined

    let list = []
    console.log(list[0])
    
  • null
    Null 类型同样只有一个值,即特殊值null
    逻辑上讲, null 值表示一个空对象指针,这也是给 typeof传一个null会返回object的原因

    const Null = null
    console.log(typeof Null)
    

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

  • symbol

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

    let genericSymbol=Symbol();
    let otherGenericSymbol=Symbol();
    console.log(genericSymbol === otherGenericSymbol);// false
    let fooSymbol=Symbol('foo');
    let otherFooSymbol=Symbol('foo');
    console.log(fooSymbol === otherFooSymbol);//false
    
let a= 10;
let b = a;// 赋值操作
b = 20;
console.log(a);//10值

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

引用类型

  • Object
  • Array
  • Function
  • Date
  • RegExp
  • Map
  • ......
const obj1 = {}
const obj2 = obj1
obj2.lang = "javaScript"
console.log(obj1)

引用类型数据存放在堆中,每个堆内存对象都有对应的引用地址指向它,引用地址存放在栈中。

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

标签:存储,console,log,JavaScript,数据类型,let,类型,null,变量
From: https://www.cnblogs.com/xxaxf/p/18399193

相关文章

  • 005.MinIO-DirectPV分布式多租户存储部署
    MinIO部署准备部署概述本实验结合Kubernetes进行MinIO部署,实现MinIO于Kubernetes的融合。minio官方支持通过简单的快速部署,以便于进行基础测试:curlhttps://raw.githubusercontent.com/minio/docs/master/source/extra/examples/minio-dev.yaml-Okubectlapply-fminio-dev......
  • 如何将 Galaxy S23 备份到计算机或云存储?
    这些年来,您的三星GalaxyS23上一定有很多您不想丢失的重要数据。购买新手机时或将SamsungGalaxyS23送往维修店之前,您可能需要备份SamsungGalaxyS23。如果您想知道如何备份GalaxyS23,那么您来对地方了。在5个最简单的解决方案中,您一定会找到轻松备份SamsungGalaxy......
  • MySQL 数据类型详解
    MySQL是一种广泛使用的关系型数据库管理系统,它支持多种数据类型以满足各种应用场景的需求。本文将详细介绍MySQL支持的数据类型、它们的使用场景以及实现原理,并通过图示帮助读者更直观地理解。目录简介数值类型整型浮点型定点型日期和时间类型字符串类型字符串二进制字......
  • 简单的数据在内存中的存储
    目录一.整数在内存中的存储1.1原码,反码和补码(1)原码(2)反码(3)补码1.2存储方式二.大小端字节序和字节序判断2.1大小端字节序的概念2.2字节序判断 三.练习 练习1练习2练习3 练习4 练习5 练习6 后记 一.整数在内存中的存储1.1原码,反码和补码(1)原码原......
  • 【JavaScript学习第六天】—讲述JS学习历程的知识分享!
    前言本篇主要讲述了面向对象开发的特点,对象和类的概念与区别,包括详细讲解一个Tab选项卡案例一、面向对象在引出面向对象之前,我们首先要了解面向过程的概念面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了......
  • xtensa架构--指令汇总(加载指令/存储指令/跳转和调用指令/条件分支指/移动指令令/算术
    目录一xtensa架构指令汇总二  加载指令1. l32i 指令示例2. l8i 指令示例3. l16i 指令示例4. ld 指令示例5总结三存储指令3.1 存储指令概述3.2存储指令详述S8I(RR8):8位存储(8位偏移)S16I(RR8):16位存储(8位移位偏移)S32I(RR8):32位存储(8位......
  • 20240904_172638 mysql 填空题 存储过程
    创建一个名为p1的存储过程,只写第一行createprocedurep1()存储过程的开始,单词begin存储过程的结束,单词end调用名为p1的存储过程,不传参数callp1()修改每行命令的结束符号,改成$$delimiter$$查看名为p1的存储过程的创建语句showcreateprocedurep1删除名为p1的存储过......
  • k8s之存储类
    介绍在Kubernetes中,StorageClass是一种API对象,它定义了一种存储卷的动态供应方式。StorageClass允许管理员描述不同类型的存储系统或细节,例如不同类型的本地存储、不同类型的云存储等。当用户需要持久化存储时,他们可以请求特定类型的StorageClass,Kubernetes将根据这个描......
  • 深入解析OpenStack Cinder:块存储服务详解
    目录OpenStack简介Openstack中的存储:虚机对块存储的要求:Cinder介绍主要组件Cinder基本功能Cinder命令行通用命令卷操作卷快照操作卷备份操作卷与实例的操作卷迁移其他Cinder工作流程Cinder插件OpenStack简介OpenStack是一个开源的云计算管理平台项目,它是......
  • 如何使用JavaScript遍历对象
    一、使用for-in循环——简单直接,快速上手for-in循环是最基础也是最常用的对象遍历方法。它语法简单,适合初学者快速掌握constuser={name:'Alice',age:25,job:'Engineer'};for(constkeyinuser){constvalue=user[key];console.log(`${key......