编程笔记 html5cssjs 065 JavaScrip数据类型

2024-01-29 13:52

本文主要是介绍编程笔记 html5cssjs 065 JavaScrip数据类型,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

编程笔记 html5&css&js 065 JavaScrip数据类型

  • 一、JavaScript 数据类型
  • 二、JavaScrip 数据类型分类:
  • 三、JavaScript 数据类型与其他语言的主要区别
  • 小结

数据类型是编程语言的基本构成,不同的编程语言的数据类型有很大区别。数据是程序的处理对象,所以,数据类型的知识要熟练掌握才行。

一、JavaScript 数据类型

  1. Number(数值型):

    • JavaScript 中的数字可以是整数或浮点数。
    • 示例:
      let age = 25; // 整数
      let pi = 3.14159; // 浮点数
      let e = Number.EPSILON; // 极小的正数,表示浮点数精度范围
      let infinity = Infinity; // 正无穷大
      let nan = NaN; // 非数字(Not a Number),用于表示计算结果无法表示为数字时的结果
      
  2. String(字符串型):

    • 字符串是由零个或多个字符组成的有序序列,用单引号 ' 或双引号 " 包围。
    • 示例:
      let name = 'Aniu'; // 单引号定义字符串
      let greeting = "Hello, World!"; // 双引号定义字符串
      let multiLineStr = `This is a multi-line string`; // ES6 中的模板字面量(Template literal)
      
  3. Boolean(布尔型):

    • 表示逻辑值,仅有两个可能的取值:truefalse
    • 示例:
      let isStudent = true;
      let hasPassed = false;
      
  4. Undefined(未定义型):

    • 当变量声明但未初始化时,其值默认为 undefined
    • 示例:
      let age;
      console.log(age); // 输出: undefined
      
  5. Null(空对象型):

    • null 是一个特殊的值,表示“无”或者“空对象引用”,它与 undefined 类似但不完全相同,在某些情况下用于显式地表示空值或没有对象值的情况。
    • 示例:
      let obj = null; // 显示对象为空
      
  6. Symbol(符号型):

    • 自从 ECMAScript 6 (ES6) 引入以来,Symbol 是一种原始数据类型,每个 Symbol 值都是唯一的,不可变的,并且不能与其他类型的值进行比较。
    • 示例:
      let sym = Symbol("description"); // 创建一个symbol值
      
  7. BigInt(大整数型):

    • BigInt 是从 ECMAScript 2020 开始支持的数据类型,用于表示超过 Number 类型安全整数范围(-2^53 to 2^53 - 1)的大整数。
    • 示例:
      let largeNum = 123456789012345678901234567890n; // 后缀n表示BigInt类型
      
  8. Object(对象型):

    • 虽然不是基本数据类型,但它是 JavaScript 中的一个重要类型。所有非原始值都是对象,包括数组、函数、日期等。
    • 示例:
      let person = { // 对象字面量name: "Aniu",age: 25,sayHello: function() {console.log(`Hi, I'm ${this.name}`);}
      };
      

以上就是 JavaScript 的八种数据类型,前六种是基本数据类型(原始值),后两种(ObjectFunction,此处未提及 Function,但其实也是对象的一种)属于复杂数据类型(引用类型)。

二、JavaScrip 数据类型分类:

原始值(Primitive values)和引用值(Reference values)。

  1. 原始数据类型(Primitive data types)
    原始数据类型是不可变的,它们直接包含值本身而不是对象的引用。共有六种原始数据类型:
    Undefined: 当变量被声明但未赋值时,其值为 undefined。
    Null: 类型只有一个值 null,它表示一个空或者无指向的对象引用。
    Boolean: 有两种可能的值 true 和 false,用于逻辑判断。
    Number: 表示整数或浮点数,包括正负Infinity和NaN(非数字)。
    String: 由零个或多个16位Unicode字符组成的文本序列,用单引号 ’ 或双引号 " 括起来。
    BigInt: ECMAScript 2020 引入的新类型,用来表示大于Number.MAX_SAFE_INTEGER的整数,使用 n 后缀表示,例如 9007199254740991n。

  2. 复杂数据类型 / 对象数据类型(Object data type)
    Object: 这是一种复杂的数据类型,可以存储任意类型的键值对集合,包括函数、数组和其他对象。所有非原始类型的值都是对象,比如:
    Array: 有序的元素列表,可以通过索引访问元素,如 var arr = [1, ‘two’, true]。
    Function: 函数是可执行的对象,可以看作是一段代码的封装。
    Date: 表示日期和时间的值。
    RegExp: 正则表达式对象,用于文本匹配和搜索操作。
    Map、Set、WeakMap、WeakSet: 集合数据结构。
    Symbol: ECMAScript 6 引入的一种新的原始数据类型,用于创建唯一的标识符。
    typeof 操作符
    typeof 是一个一元操作符,它可以返回变量或表达式的类型。对于以上提到的原始类型(除 null 外),typeof 返回的是正确的类型字符串;而对于 null,typeof null 返回的是 “object”,这是一个历史遗留的bug而非预期行为;对于对象类型,typeof 会返回 “object”,但对于具体的不同对象类型(如函数、数组等),需要使用更精确的方法来检测,如 Array.isArray() 或 instanceof 操作符。
    数据复制与比较
    原始类型在复制时是值复制,即两个变量如果具有相同的原始值,则被认为是相等的。而对象类型(包括数组、函数等)复制时是引用复制,意味着复制得到的新变量只是指向同一个内存地址,修改其中一个变量会影响到另一个变量的值。当比较两个对象类型变量时,即使内容相同,只要不是同一块内存空间,它们之间也会被视为不相等。若要比较对象内容是否相等,通常需要自行实现深度比较方法或使用lodash等库提供的工具函数。

三、JavaScript 数据类型与其他语言的主要区别

  1. 动态类型

    • JavaScript 是一种动态类型语言,这意味着变量在声明时无需指定其数据类型,而且可以在运行时更改其值的数据类型。
    • 相比之下,像 Java、C++、C# 等静态类型语言要求在编译阶段就需要明确变量的类型,并且在程序执行过程中不能改变。
  2. 弱类型

    • JavaScript 具有弱类型的特点,允许不同类型的数据之间进行隐式转换(如字符串和数字相加时,JavaScript 会尝试将字符串转换为数字)。
    • 强类型语言如 C 语言则不会自动进行这种类型的隐式转换,如果不同类型间操作未显式转换,编译器通常会报错。
  3. Object 类型特殊性

    • 在 JavaScript 中,对象是一种复杂数据类型,它可以容纳任何类型的键值对,而且可以动态添加或删除属性。
    • 许多其他语言中也有对象类型,但它们可能更接近于结构体或类实例,具有固定的成员列表。
  4. 函数作为一等公民

    • JavaScript 函数可以被赋值给变量、作为参数传递给其他函数以及作为函数返回值,这被称为“一等函数”或“第一类函数”。
    • 虽然一些现代语言也支持此特性(例如 Python 和 Scala),但在早期很多语言如 C 语言中函数并不具备这样的灵活性。
  5. 数组和数据结构

    • JavaScript 数组是动态大小的,并且可以包含不同类型的元素,这是与许多静态类型语言(如 C 语言数组)的不同之处。
    • 另外,JavaScript 还提供了灵活的对象字面量和 Map、Set 等集合数据结构。
  6. 特殊的 nullundefined 类型

    • JavaScript 有 nullundefined 两种表示空值或未定义状态的类型,而许多其他语言可能只有一种方式来表达类似的概念。
  7. typeof 操作符的行为

    • JavaScript 的 typeof 操作符可以用来检测变量的类型,但它返回的结果有些特例,比如 typeof null 返回 "object",这是 JavaScript 中的一个历史遗留问题。
  8. 新增数据类型

    • 随着 ECMAScript 标准的演进,JavaScript 添加了新的数据类型,比如 ES6 中引入的 Symbol 类型,以及 ES2020 中的 BigInt 类型,这些在传统的 C 家族语言或其他一些较早的语言中是没有的。

小结

光有数据类型,很多事还不能做,很多知识都是这样,前后交错的,学习时通过示例掌握涉及到的内容,不限于本节主题。

这篇关于编程笔记 html5cssjs 065 JavaScrip数据类型的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/657135

相关文章

Java+AI驱动实现PDF文件数据提取与解析

《Java+AI驱动实现PDF文件数据提取与解析》本文将和大家分享一套基于AI的体检报告智能评估方案,详细介绍从PDF上传、内容提取到AI分析、数据存储的全流程自动化实现方法,感兴趣的可以了解下... 目录一、核心流程:从上传到评估的完整链路二、第一步:解析 PDF,提取体检报告内容1. 引入依赖2. 封装

使用Spring Cache本地缓存示例代码

《使用SpringCache本地缓存示例代码》缓存是提高应用程序性能的重要手段,通过将频繁访问的数据存储在内存中,可以减少数据库访问次数,从而加速数据读取,:本文主要介绍使用SpringCac... 目录一、Spring Cache简介核心特点:二、基础配置1. 添加依赖2. 启用缓存3. 缓存配置方案方案

Java实现复杂查询优化的7个技巧小结

《Java实现复杂查询优化的7个技巧小结》在Java项目中,复杂查询是开发者面临的“硬骨头”,本文将通过7个实战技巧,结合代码示例和性能对比,手把手教你如何让复杂查询变得优雅,大家可以根据需求进行选择... 目录一、复杂查询的痛点:为何你的代码“又臭又长”1.1冗余变量与中间状态1.2重复查询与性能陷阱1.

深度剖析SpringBoot日志性能提升的原因与解决

《深度剖析SpringBoot日志性能提升的原因与解决》日志记录本该是辅助工具,却为何成了性能瓶颈,SpringBoot如何用代码彻底破解日志导致的高延迟问题,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言第一章:日志性能陷阱的底层原理1.1 日志级别的“双刃剑”效应1.2 同步日志的“吞吐量杀手”

Spring创建Bean的八种主要方式详解

《Spring创建Bean的八种主要方式详解》Spring(尤其是SpringBoot)提供了多种方式来让容器创建和管理Bean,@Component、@Configuration+@Bean、@En... 目录引言一、Spring 创建 Bean 的 8 种主要方式1. @Component 及其衍生注解

SpringBoot通过main方法启动web项目实践

《SpringBoot通过main方法启动web项目实践》SpringBoot通过SpringApplication.run()启动Web项目,自动推断应用类型,加载初始化器与监听器,配置Spring... 目录1. 启动入口:SpringApplication.run()2. SpringApplicat

Python异步编程之await与asyncio基本用法详解

《Python异步编程之await与asyncio基本用法详解》在Python中,await和asyncio是异步编程的核心工具,用于高效处理I/O密集型任务(如网络请求、文件读写、数据库操作等),接... 目录一、核心概念二、使用场景三、基本用法1. 定义协程2. 运行协程3. 并发执行多个任务四、关键

Java利用@SneakyThrows注解提升异常处理效率详解

《Java利用@SneakyThrows注解提升异常处理效率详解》这篇文章将深度剖析@SneakyThrows的原理,用法,适用场景以及隐藏的陷阱,看看它如何让Java异常处理效率飙升50%,感兴趣的... 目录前言一、检查型异常的“诅咒”:为什么Java开发者讨厌它1.1 检查型异常的痛点1.2 为什么说

基于Java开发一个极简版敏感词检测工具

《基于Java开发一个极简版敏感词检测工具》这篇文章主要为大家详细介绍了如何基于Java开发一个极简版敏感词检测工具,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下... 目录你是否还在为敏感词检测头疼一、极简版Java敏感词检测工具的3大核心优势1.1 优势1:DFA算法驱动,效率提升10

Java使用正则提取字符串中的内容的详细步骤

《Java使用正则提取字符串中的内容的详细步骤》:本文主要介绍Java中使用正则表达式提取字符串内容的方法,通过Pattern和Matcher类实现,涵盖编译正则、查找匹配、分组捕获、数字与邮箱提... 目录1. 基础流程2. 关键方法说明3. 常见场景示例场景1:提取所有数字场景2:提取邮箱地址4. 高级