数据类型 Iterable object（可迭代对象）
摘要：数据类型 Iterable object（可迭代对象） 可迭代（Iterable） 对象是数组的泛化。这个概念是说任何对象都可以被定制为可在 for..of 循环中使用的对象。 数组是可迭代的。但不仅仅是数组。很多其他内建对象也都是可迭代的。例如字符串也是可迭代的。 如果从技术上讲，对象不是数组，而
阅读全文
posted @ 2021-11-02 15:14
随笔分类 - 现代JavaScript
数组映射到对象
摘要：<!DOCTYPE html> <head> <meta charset="utf-8"/> </head> <p> 你有一个 user 对象数组，每个对象都有 name，surname 和 id。 编写代码以该数组为基础，创建另一个具有 id 和 fullName 的对象数组，其中 fullNam
阅读全文
posted @ 2021-11-01 23:18
Object（对象）：基础知识 构造器和操作符 "new"
摘要：构造器和操作符 "new" 常规的 {...} 语法允许创建一个对象。但是我们经常需要创建许多类似的对象，例如多个用户或菜单项等。 这可以使用构造函数和 "new" 操作符来实现。 构造函数构造函数在技术上是常规函数。不过有两个约定： 它们的命名以大写字母开头。它们只能由 "new" 操作符来执行。
阅读全文
posted @ 2021-11-01 16:11
JavaScript 基础知识 7 箭头函数，基础知识
摘要：箭头函数，基础知识创建函数还有另外一种非常简单的语法，并且这种方法通常比函数表达式更好。 它被称为“箭头函数”，因为它看起来像这样： let func = (arg1, arg2, ...argN) => expression……这里创建了一个函数 func，它接受参数 arg1..argN，然后使
阅读全文
posted @ 2021-11-01 15:12
JavaScript 基础知识6 函数表达式
摘要：JavaScript 基础知识6 函数表达式 我们在前面章节使用的语法称为 函数声明： function sayHi() { alert( "Hello" );}另一种创建函数的语法称为 函数表达式。 通常会写成这样： let sayHi = function() { alert( "Hello"
阅读全文
posted @ 2021-11-01 14:43
数据类型 数组方法
摘要：数据类型 数组方法添加/移除数组元素我们已经学了从数组的首端或尾端添加和删除元素的方法： arr.push(...items) —— 从尾端添加元素，arr.pop() —— 从尾端提取元素，arr.shift() —— 从首端提取元素，arr.unshift(...items) —— 从首端添加元
阅读全文
posted @ 2021-10-31 00:18
数据类型 数组
摘要：数据类型 数组数组是有序集合，里面的元素都是按顺序排列的。 声明创建一个空数组有两种语法： let arr = new Array();let arr = [];绝大多数情况下使用的都是第二种语法。我们可以在方括号中添加初始元素： let fruits = ["Apple", "Orange", "
阅读全文
posted @ 2021-10-29 17:08
数据类型 字符串
摘要：数据类型 字符串 引号（Quotes）单引号和双引号基本相同。但是，反引号允许我们通过 ${…} 将任何表达式嵌入到字符串中： function sum(a, b) { return a + b;} alert(`1 + 2 = ${sum(1, 2)}.`); // 1 + 2 = 3.使用反引号
阅读全文
posted @ 2021-10-28 23:29
数据类型 数字类型
摘要：数据类型 数字类型数字（number）有两种类型：JavaScript 中的常规数字以 64 位的格式 IEEE-754 存储，也被称为“双精度浮点数”。BigInt 数字，用于表示任意长度的整数。有时会需要它们，因为常规数字不能超过 253 或小于 -253。 编写数字的更多方法想象一下，我们需要
阅读全文
posted @ 2021-10-27 17:36
数据类型 原始类型的方法
摘要：数据类型 原始类型的方法在 JavaScript 中有 7 种原始类型：string，number，bigint，boolean，symbol，null 和 undefined。 当作对象的原始类型以下是 JavaScript 创建者面临的悖论： 人们可能想对诸如字符串或数字之类的原始类型执行很多操
阅读全文
posted @ 2021-10-27 17:36
Object（对象）：基础知识 原型对象prototype
摘要：原型对象prototypeprototype在构造函数中使用，作为构造函数对象共有属性function Person() {}Person.prototype.sayHello = function() {alert("Hello")} let newPerson = new Person();ne
阅读全文
posted @ 2021-10-27 17:34
Object（对象）：基础知识 对象方法，"this"
摘要：对象方法，"this"方法示例刚开始，我们来教 user 说 hello： let user = { name: "John", age: 30}; user.sayHi = function() { alert("Hello!");}; user.sayHi(); // Hello! 这里我们使用
阅读全文
posted @ 2021-10-24 12:10
Object（对象）：基础知识1 对象 对象引用和复制
摘要：对象JavaScript 中有八种数据类型。有七种原始类型，因为它们的值只包含一种东西（字符串，数字或者其他）。 相反，对象则用来存储键值对和更复杂的实体。 我们可以通过使用带有可选 属性列表 的花括号 {…} 来创建对象。一个属性就是一个键值对（“key: value”），其中键（key）是一个字
阅读全文
posted @ 2021-10-19 17:06
代码质量1 注释
摘要：注释注释可以是以 // 开始的单行注释，也可以是 /* ... */ 结构的多行注释。 “解释性”注释的数量应该是最少的。配方：分解函数，有时候，用一个函数来代替一个代码片段是更好的。可以很容易地理解代码 配方：创建函数像下面这样很长的代码块，重构为函数，可能会是一个更好的变体： 好的注释描述架构记
阅读全文
posted @ 2021-10-15 22:40
JavaScript 基础知识 4
摘要：#"switch" 语句switch 语句可以替代多个 if 判断。switch 语句为多分支选择的情况提供了一个更具描述性的方式。 语法switch 语句有至少一个 case 代码块和一个可选的 default 代码块。就像这样： switch(x) { case 'value1': // if
阅读全文
posted @ 2021-10-12 17:34
JavaScript 基础知识 5 函数
摘要：函数函数是程序的主要“构建模块”。函数使该段代码可以被调用很多次，而不需要写重复的代码。 函数声明使用 函数声明 创建函数。看起来就像这样： function showMessage() { alert( 'Hello everyone!' );}function 关键字首先出现，然后是 函数名，然
阅读全文
posted @ 2021-10-12 17:34
JavaScript 基础知识 3
摘要：#空值合并运算符 '??'既不是 null 也不是 undefined 的表达式称为“已定义的（defined）”。 空值合并运算符（nullish coalescing operator）的写法为两个问号 ??。 a ?? b 的结果是： 如果 a 是已定义的，则结果为 a，如果 a 不是已定义的
阅读全文
posted @ 2021-10-10 23:39
JavaScript 基础知识 2
摘要：#条件分支：if 和 '?'有时我们需要根据不同条件执行不同的操作。 我们可以使用 if 语句和条件运算符 ?（也称为“问号”运算符）来实现。 “if” 语句if(...) 语句计算括号里的条件表达式，如果计算结果是 true，就会执行对应的代码块。例如：let year = prompt('In
阅读全文
posted @ 2021-10-10 11:56
JavaScript 基础知识 1
摘要：#JavaScript 基础知识 ##Hello, world! “script” 标签JavaScript 程序可以在 <script> 标签的帮助下插入到 HTML 文档的任何地方。 <script> alert('Hello, world!'); </script><script> 标签中包裹
阅读全文
posted @ 2021-10-09 17:21
