zsx0728的博客

文章目录创建代理对象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

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

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