《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型

《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型

原始类型

ECMAScript 中有 6 种原始类型:Undefined、Null、Boolean、Number、String 和 Symbol。这些数据类型都是通过值来标识的。原始类型的值是不可更改的。

Undefined 和 Null

Undefined 和 Null 代表了没有值的情况。Undefined 是未定义的值,Null 是空值。

当声明一个变量但没有给变量赋值时,变量的默认值是 Undefined。当要表示一个空对象引用时,可以使用 Null。

let x;
console.log(x); // undefined

let obj = null;
console.log(obj); // null

Boolean

Boolean 只有两个取值:true 和 false。在需要 Boolean 值的地方,可以使用 Boolean() 构造函数将值转换为 Boolean 类型。

console.log(Boolean("hello")); // true
console.log(Boolean(undefined)); // false
console.log(Boolean(null)); // false
console.log(Boolean(0)); // false
console.log(Boolean(1)); // true

Number

Number 是 ECMAScript 中唯一的数值类型。Number 类型有整型、浮点数和 NaN(Not a Number)。

可以使用 parseInt() 和 parseFloat() 将字符串转换为 Number。

let num1 = "123";
let num2 = "12.3";
let num3 = "hello";

console.log(parseInt(num1)); // 123
console.log(parseFloat(num2)); // 12.3
console.log(parseInt(num3)); // NaN

String

String 是表示文本数据的类型。在 JavaScript 中,字符串需要使用单引号、双引号或反引号括起来。

let str1 = "hello";
let str2 = 'world';
let str3 = `hello, ${str2}`;

console.log(str1); // hello
console.log(str2); // world
console.log(str3); // hello, world

Symbol

Symbol 类型是 ECMAScript 6 引入的一种新的数据类型。Symbol 表示独一无二的值。每个 Symbol 都是唯一的,因此它们可以用作对象属性的键。

let sym1 = Symbol('key');
let sym2 = Symbol('key');

console.log(sym1 === sym2); // false

let obj = {
  [sym1]: 'value'
}

console.log(obj[sym1]); // value

小结

本文介绍了 ECMAScript 中的原始类型,包括 Undefined、Null、Boolean、Number、String 和 Symbol。每个类型的定义、特点以及使用方法都有相应的描述说明。同时提供了一些示例以帮助读者更好地理解这些类型的特性和使用方法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JS实现读取Excel文件内容并生成二维码

    实现读取Excel文件内容并生成二维码可以分为以下几个步骤: 读取Excel文件内容 要读取Excel文件内容,可以使用JavaScript库xlsx来实现。首先需要在项目中引入如下几个文件: <script src="https://cdn.jsdelivr.net/npm/xlsx@0.15.4/dist/xlsx.full.min.js…

    JavaScript 2023年6月11日
    00
  • js获取触发事件元素在整个网页中的绝对坐标(示例代码)

    正常情况下,通过JavaScript获取元素坐标有两种方式:相对于视口的位置(即viewport)和相对于文档的位置。获取相对于整个文档的坐标,也被称为获取元素的绝对坐标。 方法一:使用element.getBoundingClientRect() element.getBoundingClientRect()可以返回元素的大小及其相对于视口的位置。该方法返…

    JavaScript 2023年6月10日
    00
  • canvas压缩图片转换成base64格式输出文件流

    下面是使用canvas压缩图片并转换为base64格式输出文件流的完整攻略: 步骤一:html文件部分 首先,我们需要在html文件中添加一个input元素,用于选择要上传的图片。代码如下: <label for="image_upload">选择图片:</label> <input type="f…

    JavaScript 2023年5月19日
    00
  • js之encodeURI、encodeURIComponent、decodeURI、decodeURIComponent

    1. encodeURI与encodeURIComponent encodeURI和encodeURIComponent都是用于对 url 进行编码的方法,它们可以将字符串编码为 URI(Uniform Resource Identifier, 统一资源标示符)格式,使其具有以下特点:- 可以在所有计算机和网络设备上使用- 能够进行全球化字符集的支持(包括的…

    JavaScript 2023年5月19日
    00
  • ElementUI 的 Tree 组件的基本使用实战教程

    ElementUI 的 Tree 组件的基本使用实战教程 一、什么是 Tree 组件 Tree(树形控件)组件是一个支持层级结构的数据展示组件,用于内部节点展开和收起。Tree 组件很常见于诸如管理系统、导航等场景中。 使用 ElementUI 的 Tree 组件时,需要安装和引入 ElementUI 组件库。可以在 ElementUI 的官网上查看组件具体…

    JavaScript 2023年6月10日
    00
  • 详解JavaScript进度管理

    详解JavaScript进度管理攻略 什么是JavaScript进度管理 JavaScript进度管理是指在Web开发中,通过JavaScript代码来实现对页面中正在进行的任务、流程、进度等进行可视化管理和控制的技术。通过JavaScript进度管理,可以让用户清晰地了解当前任务的状态,从而提高用户体验和工作效率。在很多Web应用中,JavaScript进…

    JavaScript 2023年6月10日
    00
  • JS逻辑运算符短路操作实例分析

    JS逻辑运算符短路操作是指在使用逻辑运算符 && 和 || 时,如果第一个条件可以决定整个表达式的结果,则不再执行后续的条件判断,直接返回结果。这样就可以通过少写一些代码和避免一些不必要的计算,提高代码的运行效率。 下面分别给出 && 和 || 的两个具体实例来说明: 逻辑运算符 && 的短路操作实例分析 le…

    JavaScript 2023年5月28日
    00
  • 使用javascript做的一个随机点名程序

    下面是使用JavaScript做随机点名程序的完整攻略。 一、前期准备 在开始编写随机点名程序之前,需要确定以下问题: 需要点名的人员名单存储在什么地方? 点名程序的界面如何设计? 点击“点名”按钮后,程序如何读取名单并实现随机选择? 随机选择后,如何将选中的人员信息展示在界面上? 在回答这些问题之后,就可以开始编写代码了。 二、程序实现 1. 存储名单 我…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部