《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 字符串操作函数

    下面是针对“js字符串操作函数”的详细攻略。 常用字符串操作函数 1.字符串长度 JavaScript中获取字符串长度的方式是通过字符串对象的length属性来实现的。 const str = "hello world"; console.log(str.length); // 11 2.字符串查找 在JavaScript中,字符串对象有…

    JavaScript 2023年5月27日
    00
  • 关于IE7 IE8弹出窗口顶上

    针对IE7 和IE8浏览器中弹出窗口顶部被隐藏的问题,一般可以通过修改CSS属性来解决。以下是详细的攻略: 1. 理解问题 在IE7和IE8中,当使用弹出窗口(window.open)打开一个新窗口时,新窗口的顶部可能会被浏览器工具栏(如地址栏和标签栏)所遮挡,导致用户无法看到完整的窗口顶部内容,这对用户使用造成不便。 2. 解决方法一:修改弹出窗口的CSS…

    JavaScript 2023年6月11日
    00
  • js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?

    JavaScript立即执行函数是一种特殊的函数表达式,它可以立即自动运行,而不需要在其他地方调用。在JavaScript中,我们可以使用两种不同的声明方法来创建立即执行函数。第一种是使用普通的函数声明方法,代码如下: (function() { //code to be executed immediately })(); 这种声明方法使用一个内部或匿名函…

    JavaScript 2023年5月27日
    00
  • C#.Net ArrayList的使用方法

    下面给您讲解一下“C#.Net ArrayList的使用方法”的完整攻略。 1. 什么是ArrayList ArrayList是一种动态数组,它能够存储任意类型的元素,并且能够自动扩展容量。 2. 如何创建ArrayList 使用C#.Net 创建ArrayList的方式如下所示: ArrayList arrayList = new ArrayList();…

    JavaScript 2023年5月28日
    00
  • 微信小程序实现animation动画

    以下是“微信小程序实现animation动画”的完整攻略: 1. 先了解animation动画 在微信小程序中,我们可以使用wx.createAnimation()方法来创建一个动画对象。这个方法返回的是Animation对象,我们可以使用这个对象来定义一系列动画帧,最后开始执行这些帧达到动画效果。 2. 创建Animation对象 要创建Animation…

    JavaScript 2023年6月10日
    00
  • 通过一篇文章由浅入深的理解JSONP并拓展

    JSONP(JSON with Padding)是一种常见的跨域数据请求方式,其原理是利用script标签可以跨站加载资源的特点,实现从其他域名下获取数据。下面就是一篇由浅入深的理解JSONP的攻略。 为什么需要JSONP? 在前后端分离的架构下,前端应用需要从后端获取数据,一般情况下都是通过AJAX请求进行获取。但是由于同源策略的限制,AJAX只能请求同源…

    JavaScript 2023年5月27日
    00
  • JavaScript包装对象使用介绍

    当在 JavaScript 中使用基本数据类型时,例如数字、字符串和布尔值时,这些类型会被自动转换为对应的包装对象类型 Number、String 和 Boolean。这些包装对象类型在需要调用其原型链上的方法时特别有用。下面介绍一下 JavaScript 包装对象的使用方法。 JavaScript 包装对象概述 在 JavaScript 中包装对象类型是一…

    JavaScript 2023年5月27日
    00
  • JavaScript中的substr()方法使用详解

    JavaScript中的substr()方法使用详解 什么是substr()方法? substr()是JavaScript中用来截取字符串的方法,它可以从一个字符串中截取指定长度的子串,并返回这个子串。substr()方法有两个参数,第一个参数是起始截取位置,第二个参数是截取的长度。如果省略第二个参数,则会截取从起始位置开始到字符串结尾的所有字符。 subs…

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