zsx0728的博客

文章目录箭头函数语法示例 1：无参数的箭头函数示例 2：带一个参数的箭头函数示例 3：作为表达式的箭头函数示例 4：多行箭头函数this 与箭头函数在常规函数中在箭头函数中参数绑定带有 Promise 和回调的箭头函数使用箭头函数应该避免的事情参考文档    在本教程中，您将借助示例了解 JavaScript 箭头函数。    箭头函数是 ES6 版本 JavaScript 中引入的特性之一。与常规函数相比，它允许您以更简洁的方式创建函数。例如，    这个函数：// function expres

    在本教程中，您将借助示例了解 JavaScript 中的调试。

在本教程中，您将借助示例了解 JavaScript 正则表达式 (Regex)。

    在本教程中，您将借助示例了解 JavaScript 生成器。在 JavaScript 中，生成器提供了一种使用函数和迭代器的新方法。    使用生成器，    要创建生成器，您需要首先使用 function* 符号定义生成器函数。生成器函数的对象称为生成器。    注意：生成器函数用 * 表示。您可以使用 function* generatorFunc() {…} 或 function *generatorFunc(){…} 创建。    如上所述，您可以暂停生成器函数的执行，而不执行整个函数体

文章目录JavaScript 迭代器和可迭代对象JavaScript 可迭代对象JavaScript 迭代器遍历可迭代对象JavaScript next() 方法用户定义的迭代器参考文档    在本教程中，您将借助示例了解 JavaScript 迭代器和可迭代对象。JavaScript 迭代器和可迭代对象    JavaScript 提供了一种迭代数据结构的协议。该协议定义了如何使用 for…of 的循环。    协议的概念可分为：可迭代对象迭代器    可迭代协议提到可迭代对象应具有

文章目录变量的严格模式函数的严格模式严格模式下不允许的事情严格模式的好处参考文档    在本教程中，您将借助示例了解 JavaScript 的“严格模式”语法。    在 JavaScript 中，‘use strict’; 声明代码应该在“严格模式”下执行。这使得编写良好且安全的 JS 代码变得更加容易。例如，myVariable = 9;    这里，myVariable 是在没有声明的情况下创建的，在 JavaScript 中用作全局变量。但是，如果在严格模式下使用它，程序会抛出错误。例如，

文章目录1. 全局作用域中的 this2. 函数中的 this3. 构造函数中的 this4. 对象方法中的 this5. 内部函数中的 this6. 箭头函数中的 this7. 严格模式函数中的 this参考文档    在本教程中，您将借助示例了解 JavaScript 的 this 关键字。    在 JavaScript 中，this 关键字是指调用它的对象。1. 全局作用域中的 this    当 this 单独使用时，this 指的是全局对象（浏览器中的 window 对象）。例如，le

文章目录JavaScript 嵌套函数返回函数JavaScript 闭包数据隐私参考文档    在本教程中，您将借助示例了解 JavaScript 闭包。    在了解闭包之前，您需要了解两个概念：嵌套函数返回函数JavaScript 嵌套函数    在 JavaScript 中，一个函数也可以包含另一个函数。这称为嵌套函数。例如，// nested function example// outer functionfunction greet(name) { // inn

文章目录创建 Date 对象new Date()new Date(milliseconds)new Date(date string)ISO 日期格式短日期和长日期格式new Date(year, month, day, hours, minutes, seconds, milliseconds)JavaScript Date 方法示例：Date 方法格式化日期Date 对象中的自动更正参考文档    在本教程中，您将借助示例了解 JavaScript 中的 Date 和时间。    在 JavaScr

文章目录JSON 数据JSON 对象JSON 数组访问 JSON 数据JavaScript 对象 VS JSON将 JSON 转换为 JavaScript 对象将 JavaScript 对象转换为 JSON使用 JSON参考文档    在本教程中，您将通过示例了解 JSON 以及 JavaScript 如何与 JSON 一起使用。    JSON 代表 Javascript 对象表示法。JSON 是一种基于文本的数据格式，用于存储和传输数据。例如，// JSON syntax{ "name"

文章目录JavaScript setInterval()示例 1：每 1 秒显示一次文本示例 2：每 5 秒显示一次时间JavaScript clearInterval()示例 3：使用 clearInterval() 方法参考文档    在本教程中，您将借助示例了解 JavaScript setInterval() 方法。    在 JavaScript 中，可以在指定的时间间隔内执行一段代码。这些时间间隔称为定时事件。    有两种方法可以在特定时间间隔执行代码。他们是：setInterval

文章目录示例：异步函数JavaScript await 方法错误处理使用 async 函数的好处参考文档    在本教程中，您将借助示例了解 JavaScript 的 async/await 关键字。    我们在函数中使用 async 关键字来表示该函数是一个异步函数。异步函数返回一个 promise。    async 函数的语法是：async function name(parameter1, parameter2, ...paramaterN) { // statements}

文章目录创建一个 Promise示例 1：带有 Promise 的程序JavaScript Promise 链JavaScript then() 方法示例 2：用 then() 链接 PromiseJavaScript catch() 方法JavaScript Promise VS 回调JavaScript PromiseJavaScript 回调JavaScript finally() 方法JavaScript Promise 方法参考文档    在本教程中，您将借助示例了解 JavaScript pr

文章目录回调函数的优点示例：带有 setTimeout() 的程序示例：使用回调函数参考文档    在本教程中，您将借助示例了解 JavaScript 回调函数。    函数是在调用时执行特定任务的代码块。例如，// functionfunction greet(name) { console.log('Hi' + ' ' + name);}greet('Peter'); // Hi Peter    在上面的程序中，字符串值作为参数传递给 greet() 函数。    在 Ja

文章目录示例 1：3 秒后显示一次文本示例 2：每 3 秒显示一次时间JavaScript clearTimeout()示例 3：使用 clearTimeout() 方法参考文档    在本教程中，您将借助示例了解 JavaScript setTimeout() 方法。    setTimeout() 方法在指定时间后执行一段代码。该方法只执行一次代码。    JavaScript setTimeout 常用的语法是：setTimeout(function, milliseconds);    

文章目录创建代理对象Proxy handlerget() handlerset() handler代理的使用1. 验证2. 对象的只读视图3. 副作用参考文档    在本教程中，您将借助示例了解 JavaScript 代理。    在 JavaScript 中，proxy（代理对象）用于包装对象并将各种操作重新定义到对象中，例如读取、插入、验证等。代理允许您向对象或函数添加自定义行为。创建代理对象    代理的语法是：new Proxy(target, handler);    这里，ne

文章目录JavaScript for...of 循环for...of 与数组for...of 与字符串for...of 与 Setfor...of 与 Map用户定义的迭代器for...of 与生成器for...of Vs for...in参考文档    在本教程中，您将借助示例了解 JavaScript for…of 循环。    在 JavaScript 中，我们可以通过三种方式使用for循环。JavaScript for 循环JavaScript for…in 循环JavaScript f

文章目录类继承JavaScript super() 关键字重写方法或属性继承的用途参考文档    在本教程中，您将借助示例了解 JavaScript 类继承。类继承    继承使您能够定义一个类，该类从父类获取所有功能，并允许您添加更多功能。    使用类继承，一个类可以继承另一个类的所有方法和属性。继承是一个允许代码重用的有用特性。    要使用类继承，可以使用 extends 关键字。例如，// parent classclass Person { constructor(nam

文章目录创建 JavaScript 类Javascript 类方法Getter 和 SetterHoisting（变量提升）use strict（严格模式）参考文档    在本教程中，您将借助示例了解 JavaScript 类。    类是ES6版本的 JavaScript 中引入的特性之一。类是对象的蓝图。您可以从类中创建一个对象。    您可以将类视为房屋的草图（原型）。它包含有关地板、门、窗等的所有详细信息。根据这些描述，您可以建造房屋。房屋是对象。    由于可以从相同的描述中建造许多房屋，

文章目录JavaScript 解构数组解构分配默认值交换变量跳过项将剩余元素分配给单个变量嵌套解构赋值参考文档    在本教程中，您将借助示例了解 JavaScript 解构赋值。JavaScript 解构    ES6 中引入的解构赋值可以轻松地将数组值和对象属性分配给不同的变量。例如，    在 ES6 之前：// assigning object attributes to variablesconst person = { name: 'Sara', age: 25,

文章目录创建 JavaScript Set访问 Set 元素添加新元素移除元素迭代 SetJavaScript WeakSetWeakSet 方法WeakSet 不可迭代数学 Set 运算示例：Set 并集操作示例：Set 交集操作示例：Set 差分操作示例：Set 子集操作参考文档    在本教程中，您将借助示例了解 JavaScript Set 和 WeakSet。    JavaScript ES6引入了两种新的数据结构，Set 和 WeakSet。    Set 类似于数组，它允许我们存储多个

文章目录创建 JavaScript Map将条目插入 Map访问 Map 元素检查 Map 元素移除元素JavaScript Map 大小遍历 Map迭代 Map 键迭代 Map 值获取 Map 的键/值JavaScript Map vs 对象JavaScript WeakMapWeakMap 方法WeakMaps 不可迭代参考文档    在本教程中，您将借助示例了解 JavaScript Map 和 WeakMap。    JavaScript ES6 引入了两种新的数据结构，即 Map 和 Weak

文章目录扩展运算符使用扩展运算符复制数组使用扩展运算符克隆数组带对象的扩展运算符剩余参数参考文档    在本教程中，您将借助示例了解 JavaScript 扩展运算符。    扩展运算符是JavaScript ES6版本中新增的可用功能。扩展运算符    扩展运算符…用于扩展可迭代类型或数组。例如，const arrValue = ['My', 'name', 'is', 'Jack'];console.log(arrValue); // ["My", "name", "is", "Jac

文章目录字符串的模板文字使用模板文字的多行字符串表达式插值标记模板参考文档    在本教程中，您将借助示例了解 JavaScript 模板文字（模板字符串）。    模板文字（模板字符串）允许您以字符串的形式使用字符串或嵌入的表达式。它们用反引号括起来``。例如，const name = 'Jack';console.log(`Hello ${name}!`); // Hello Jack!    注意：模板文字是在 2015 年引入的（也称为 ECMAScript 6 或 ES6 或 ECMA

文章目录使用表达式作为默认值示例 1：将参数作为默认值传递示例 2：将函数值作为默认值传递传递 undefined 值参考文档    在本教程中，您将借助示例了解 JavaScript 默认参数。    默认参数的概念是 ES6 版本的 JavaScript 中引入的一个新特性。这允许我们为函数参数提供默认值。我们举个例子，function sum(x = 3, y = 5) { // return sum return x + y;}console.log(sum(5, 15

文章目录JavaScript letJavaScript constJavaScript 箭头函数JavaScript 类在本教程中，您将借助示例了解 JavaScript ES6。JavaScript ES6（也称为 ECMAScript 2015 或 ECMAScript 6）是 2015 年推出的较新版本的 JavaScript。ECMAScript 是 JavaScript 编程语言使用的标准。ECMAScript 提供了关于 JavaScript 编程语言应该如何工作的规范。本教程简要总结

文章目录导出多个对象重命名导入和导出1.在模块中重命名（导出文件）2.重命名导入文件默认导出模块总是使用严格模式使用模块的好处参考文档    在本教程中，您将借助示例了解 JavaScript 中的模块。    随着我们的程序变得越来越大，它可能包含许多行代码。您可以使用模块根据功能将代码分隔在单独的文件中，而不是将所有内容都放在一个文件中。这使我们的代码更有条理，更易于维护。    模块是一个包含执行特定任务的代码的文件。一个模块可能包含变量、函数、类等。让我们看一个例子，假设一个名为 greet.

文章目录JavaScript throw 语句JavaScript throw 与 try...catch示例 1：try...catch...throw 示例在本教程中，您将借助示例了解 JavaScript throw 语句。在上一个教程中，您学习了使用 JavaScript try…catch 语句处理异常。try 和 catch 语句以 JavaScript 提供的标准方式处理异常。但是，可以使用 throw

文章目录错误类型JavaScript try...catch 语句示例 1：显示未声明的变量JavaScript try...catch...finally 语句示例 2：try...catch...finally 示例JavaScript try...catch 与 setTimeout参考文档    在本教程中，您将借助示例了解在 JavaScript 中处理异常的 try…catch…finally 语句。    try、catch 和 finally 块用于处理异常（一种错误）。在了解它们之前，

文章目录JavaScript 符号创建符号访问符号描述说明添加符号作为对象键for...in 循环中不包含符号在对象中使用符号的好处符号方法示例：符号方法符号属性示例：符号属性示例参考文档    在本教程中，您将借助示例了解 JavaScript 符号。JavaScript 符号    JavaScript ES6 引入了一种新的原始数据类型，称为 Symbol（符号）。符号是不可变的（不能更改）并且是唯一的。例如，// two symbols with the same description

文章目录+ 运算符与数字JavaScript NaNJavaScript InfinityJavaScript BigInt在本教程中，您将通过示例了解JavaScript 数字。在JavaScript中，数字是基本数据类型。例如，const a = 3;const b = 3.13;与其他一些编程语言不同，您不必使用 int、float 等专门声明整数值或浮点值。您可以使用指数符号 e 来包含太大或太小的数字。例如，const a1 = 5e9;console.log(a1); //50

文章目录JavaScript for...in 循环示例 1：遍历对象示例 2：更新属性值for...in 与字符串for...in 与数组参考文档    在本教程中，您将借助示例了解 JavaScript for…in 循环。    在之前的教程中，我们介绍了：JavaScript while 和 do…while 循环JavaScript for 循环    还有其他类型的循环。JavaScript 中的 for…in 循环允许您遍历对象的所有属性键。JavaScript for…in

文章目录创建 JavaScript 字符串访问字符串字符JavaScript 字符串是不可变的JavaScript 区分大小写JavaScript 多行字符串JavaScript 字符串长度JavaScript 字符串对象JavaScript 字符串方法示例：JavaScript 字符串方法JavaScript String() 函数转义字符参考文档    在本教程中，您将借助示例了解 JavaScript 字符串。    JavaScript 字符串是一种用于处理文本的原始数据类型。例如，const

文章目录创建多维数组访问数组的元素将元素添加到多维数组将元素添加到外部数组将元素添加到内部数组从多维数组中删除元素从外部数组中删除元素从内部数组中删除元素迭代多维数组参考文档    在本教程中，您将借助示例了解 JavaScript 多维数组。    多维数组是包含另一个数组的数组。例如，// multidimensional arrayconst data = [[1, 2, 3], [1, 3, 4], [4, 5, 6]];创建多维数组    这是在 JavaScript 中创建多维数组

文章目录创建数组访问数组的元素将元素添加到数组更改数组的元素从数组中删除元素数组长度数组方法在本教程中，您将借助示例了解 JavaScript 数组。数组是可以一次存储多个值的对象。例如，const words = ['hello', 'world', 'welcome'];这里，words 是一个数组。该数组存储 3 个值。创建数组您可以使用两种方式创建数组：使用数组字面量创建数组的最简单方法是使用数组字面量 [ ] 。例如，const array1 = ["eat", "slee

文章目录JavaScript 原型原型继承使用原型向构造函数添加方法改变原型JavaScript 原型链参考文档    在本教程中，您将借助示例了解 JavaScript 中的原型。    在学习原型之前，请务必查看以下教程：JavaScript 对象JavaScript 构造函数    如您所知，您可以使用对象构造函数在 JavaScript 中创建对象。例如，// constructor functionfunction Person () { this.name = 'Joh

文章目录数据属性访问器属性JavaScript GetterJavaScript SetterJavaScript Object.defineProperty()参考文档    在本教程中，您将借助示例了解 JavaScript 的 getter 和 setter 方法。    在 JavaScript 中，有两种对象属性：数据属性访问器属性数据属性    这是我们在之前的教程中一直使用的数据属性示例。const student = { // data property

文章目录使用构造函数创建多个对象JavaScript this 关键字JavaScript 构造函数的形参创建对象：构造函数 VS 对象字面量（Object Literal）在对象中添加属性和方法JavaScript 对象原型JavaScript 内置构造函数参考文档    在本教程中，您将借助示例了解 JavaScript 构造函数。    在 JavaScript 中，构造函数用于创建对象。例如，// constructor functionfunction Person () { th

文章目录访问对象方法JavaScript 内置方法向 JavaScript 对象添加方法JavaScript this 关键字参考文档    在本教程中，您将借助示例了解 JavaScript 对象方法和 this 关键字。    在 JavaScript 中，对象也可以包含函数。例如，// object containing methodconst person = { name: 'John', greet: function() { console.log('hello');

文章目录JavaScript 对象声明JavaScript 对象属性访问对象属性JavaScript 嵌套对象JavaScript 对象方法参考文档    在本教程中，您将借助示例了解 JavaScript 对象。    在JavaScript 数据类型教程中，您了解了 7 种不同的原始数据类型。在这里，您将了解第八种数据类型（JavaScript 对象）。    JavaScript 对象是一种非基本数据类型，允许您存储多个数据集合。    注意：如果您熟悉其他编程语言，JavaScript 对象