编程笔记 html5cssjs 070 JavaScript Null数据类型

2024-02-04 09:44

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

编程笔记 html5&css&js 070 JavaScript Null数据类型

  • 一、Null数据类型
  • 二、 类型运算
  • 小结

在JavaScript中,Null 是一种基本数据类型,它是JavaScript七种原始数据类型(包括:BooleanNumberStringNullUndefinedSymbol(ES6新增)和 BigInt(ES10新增))之一。尽管它在技术上是原始类型,但在使用 typeof 运算符检测时会返回 "object",这是JavaScript语言设计上的一个历史遗留问题,而不是因为它真的是对象。

一、Null数据类型

在JavaScript中,Null 是一种基本数据类型,它是JavaScript七种原始数据类型(包括:BooleanNumberStringNullUndefinedSymbol(ES6新增)和 BigInt(ES10新增))之一。尽管它在技术上是原始类型,但在使用 typeof 运算符检测时会返回 "object",这是JavaScript语言设计上的一个历史遗留问题,而不是因为它真的是对象。

  1. 定义与概念:

    • Null 类型仅有一个值,就是 null
    • null 值表示“无”或“空”,它通常用来表示变量尚未指向任何有效的对象或者有意清空一个变量的引用。
  2. 用途:

    • 当一个变量应该被赋予对象值但当前为空或未定义时,可以设置为 null
    • 在API调用中,返回 null 可以明确地指示没有有效结果或者资源不存在。
    • 作为函数参数,传递 null 可能意味着不需要提供对象或值。
  3. 示例:

// 定义一个变量并赋值为 null
let myVariable = null;// 使用 typeof 检测该变量的类型
console.log(typeof myVariable); // 输出 "object" (注意此处是语言特性的表现)// 检查变量是否为 null
if (myVariable === null) {console.log('myVariable is null');
} else {console.log('myVariable is not null');
}// 示例:清空对象引用
let myObject = { name: 'Alice' };
myObject = null; // 此时 myObject 不再引用任何对象// 示例:从函数返回 null
function findUser(id) {// 假设执行查找逻辑...if (!userExists(id)) {return null;}return getUserById(id);
}let user = findUser(12345);
if (user === null) {console.log('User with id 12345 does not exist');
}

需要注意的是,在实际开发中,undefinednull 都常用来表示某种形式的“无”,但它们有微妙的区别:

二、 类型运算

在JavaScript中,Null 类型的值只有 null 这一个特定的实例。虽然它是一个单独的数据类型,但因为它只有一个值,因此直接针对 null 的运算相对有限。以下是一些与 null 值相关的常见运算:

  1. 相等性检查:

    • 使用 ===== 检查变量是否为 null
      let value = null;
      if (value === null) {console.log('Value is indeed null');
      }
      
  2. 逻辑运算:

    • 在逻辑表达式中,null 被视为 false,因此可以用在条件语句中:
      if (!value) {console.log('Value is falsy, which includes being null');
      }
      
  3. 类型检查:

    • 使用 typeof 运算符检测变量类型时,尽管 null 是一种特殊的原始类型,但它会返回 "object"
      console.log(typeof null); // 输出 "object"
      
  4. 比较运算:

    • null 与自身或其他原始类型的比较结果是明确的:
      console.log(null == undefined); // 输出 true (抽象相等比较)
      console.log(null === undefined); // 输出 false (严格相等比较)
      console.log(null > 0); // 输出 false
      console.log(null < 0); // 输出 false
      
  5. 赋值和销毁引用:

    • null 赋给一个变量可以清除该变量对任何对象的引用:
      let obj = { name: 'Alice' };
      obj = null; // 现在 obj 不再指向任何对象
      
  6. JSON.stringify():

    • 当使用 JSON.stringify() 方法序列化数据时,null 值会被保留:
      let data = { user: null };
      let json = JSON.stringify(data);
      console.log(json); // 输出 '{"user":null}'
      

总之,对于 null 数据类型的直接运算并不多,主要是用于比较、类型判断和清空引用,以及与其他数据类型交互时的行为表现。

小结

  • undefined 表示变量声明了但还没有赋值,或者访问的对象属性不存在。
  • null 则是开发者显式地设定变量为“无”值状态,强调是有意为之。

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



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

相关文章

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言:为什么要自建知识博客一、技术选型:极简主义开发栈二、系统架构设计三、核心代码实现(分步解析

java实现延迟/超时/定时问题

《java实现延迟/超时/定时问题》:本文主要介绍java实现延迟/超时/定时问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java实现延迟/超时/定时java 每间隔5秒执行一次,一共执行5次然后结束scheduleAtFixedRate 和 schedu

Java Optional避免空指针异常的实现

《JavaOptional避免空指针异常的实现》空指针异常一直是困扰开发者的常见问题之一,本文主要介绍了JavaOptional避免空指针异常的实现,帮助开发者编写更健壮、可读性更高的代码,减少因... 目录一、Optional 概述二、Optional 的创建三、Optional 的常用方法四、Optio

Spring Boot项目中结合MyBatis实现MySQL的自动主从切换功能

《SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能》:本文主要介绍SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能,本文分步骤给大家介绍的... 目录原理解析1. mysql主从复制(Master-Slave Replication)2. 读写分离3.

idea maven编译报错Java heap space的解决方法

《ideamaven编译报错Javaheapspace的解决方法》这篇文章主要为大家详细介绍了ideamaven编译报错Javaheapspace的相关解决方法,文中的示例代码讲解详细,感兴趣的... 目录1.增加 Maven 编译的堆内存2. 增加 IntelliJ IDEA 的堆内存3. 优化 Mave

Java String字符串的常用使用方法

《JavaString字符串的常用使用方法》String是JDK提供的一个类,是引用类型,并不是基本的数据类型,String用于字符串操作,在之前学习c语言的时候,对于一些字符串,会初始化字符数组表... 目录一、什么是String二、如何定义一个String1. 用双引号定义2. 通过构造函数定义三、St

springboot filter实现请求响应全链路拦截

《springbootfilter实现请求响应全链路拦截》这篇文章主要为大家详细介绍了SpringBoot如何结合Filter同时拦截请求和响应,从而实现​​日志采集自动化,感兴趣的小伙伴可以跟随小... 目录一、为什么你需要这个过滤器?​​​二、核心实现:一个Filter搞定双向数据流​​​​三、完整代码

SpringBoot利用@Validated注解优雅实现参数校验

《SpringBoot利用@Validated注解优雅实现参数校验》在开发Web应用时,用户输入的合法性校验是保障系统稳定性的基础,​SpringBoot的@Validated注解提供了一种更优雅的解... 目录​一、为什么需要参数校验二、Validated 的核心用法​1. 基础校验2. php分组校验3

Java Predicate接口定义详解

《JavaPredicate接口定义详解》Predicate是Java中的一个函数式接口,它代表一个判断逻辑,接收一个输入参数,返回一个布尔值,:本文主要介绍JavaPredicate接口的定义... 目录Java Predicate接口Java lamda表达式 Predicate<T>、BiFuncti

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo