![](https://img-blog.csdnimg.cn/79da86808a6e4bd48cb3c6d91c6a09ab.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 62
JavaScript基础到高级
[猫玖]
全栈工程师,华为HCIP认证,软件设计师证书
展开
-
JavaScript-常见的继承方式
在 JavaScript 中,有多种继承类型,其中包括原型继承、构造函数继承、组合继承、寄生组合继承等。下面对这些继承类型进行详细讲解,并结合代码进行说明。原创 2023-11-28 20:33:43 · 755 阅读 · 0 评论 -
JavaScript-事件循环、调用栈、消息队列
JavaScript 中的事件循环是一种处理异步操作的机制,它包括调用栈(call stack)、消息队列(message queue)和事件循环(event loop)。让我们详细了解这些概念,并提供一些示例。原创 2023-11-24 23:16:06 · 454 阅读 · 0 评论 -
JavaScript-BOM详解
BOM(浏览器对象模型)是指浏览器提供的一组与浏览器窗口交互的对象。BOM 不是由 W3C 标准定义的,而是由不同的浏览器厂商实现。原创 2023-11-24 22:46:39 · 760 阅读 · 0 评论 -
JavaScript-DOM详解
在 JavaScript 中,DOM(文档对象模型)是表示和操作 HTML 或 XML 文档的标准接口。DOM 提供了一种在代码中动态访问和更新文档的方式。文档节点是 DOM 中的最顶层节点,代表整个文档。下面详细说明文档节点的一些概念和操作,并提供相应的示例。在 JavaScript 中,事件是与文档或浏览器交互时发生的事情的表示。这些事件可以是用户的操作,也可以是浏览器或文档本身的状态变化。包含有关事件的详细信息。事件从目标元素冒泡至根元素。将事件处理程序添加到父元素,利用事件冒泡减少处理程序数量。原创 2023-11-24 22:32:09 · 869 阅读 · 0 评论 -
JavaScript-eval函数
eval函数是 JavaScript 中的一个内建函数,它用于执行以字符串形式传递的 JavaScript 代码。虽然eval具有强大的灵活性,但它的使用通常被认为是不安全的,因为它可以执行任意的代码,包括恶意代码。因此,在实际开发中,应该避免使用eval,特别是当处理用户输入时。原创 2023-11-24 19:42:15 · 399 阅读 · 0 评论 -
JavaScript-Proxy 和 Reflect
Proxy和Reflect是 ECMAScript 2015(ES6)引入的两个新特性,它们提供了更灵活和强大的元编程能力,使开发者能够在对象上拦截和自定义操作。以下是关于Proxy和Reflect的详细说明和例子。原创 2023-11-24 19:41:27 · 360 阅读 · 0 评论 -
JavaScript-模块化导入导出
JavaScript 模块化是一种组织和结构化 JavaScript 代码的方法,使得代码更易维护、复用和拓展。ECMAScript 2015(ES6)引入了模块化的概念,允许开发者使用import和export语法导入和导出模块。原创 2023-11-24 19:40:31 · 354 阅读 · 0 评论 -
JavaScript-生成器和迭代器
生成器(Generators)和迭代器(Iterators)是 ECMAScript 2015(ES6)引入的两个重要概念,它们为 JavaScript 提供了更灵活和强大的迭代机制。让我们详细了解这两个概念并通过例子进行说明。原创 2023-11-24 19:39:41 · 353 阅读 · 0 评论 -
JavaScript-异步编程之async/await
是 ECMAScript 2017 引入的一种异步编程模型,是Promise的语法糖,它让异步代码看起来更像同步代码,提高了可读性和可维护性。以下是关于。原创 2023-11-24 19:38:41 · 471 阅读 · 0 评论 -
JavaScript-异步编程之Promise
Promise 是 JavaScript 中用于处理异步操作的对象,它表示一个可能会在未来完成或失败的操作。pending(进行中)、fulfilled(已完成)、rejected(已拒绝)。原创 2023-11-24 19:37:18 · 355 阅读 · 0 评论 -
JavaScript-异步编程之回调函数
回调函数是 JavaScript 中常见的编程概念,它是一种在异步编程中处理任务完成或事件发生的方式。回调函数本质上是一个作为参数传递给其他函数的函数,以便在某个条件满足时执行。原创 2023-11-24 19:36:32 · 381 阅读 · 0 评论 -
JavaScript-错误处理
除了使用内置的Error对象,还可以创建自定义错误类来提高代码可读性和可维护性。try {原创 2023-11-24 19:34:57 · 342 阅读 · 0 评论 -
JavaScript-类
JavaScript 中的类是一种模板,它描述了一种对象的基本结构和行为。使用class关键字定义类,类包含构造函数和方法。// 方法speak() {${this} // 方法 speak() {} }} // 方法 speak() {} }原创 2023-11-24 19:33:36 · 375 阅读 · 0 评论 -
JavaScript-原型
在 JavaScript 中,原型(prototype)是对象之间共享属性和方法的一种机制。每个对象都有一个原型对象,它是从其他对象继承属性和方法的对象。理解原型是理解 JavaScript 中对象和继承的关键。原创 2023-11-23 21:51:11 · 350 阅读 · 0 评论 -
JavaScript-对象属性的getter和setter
你还可以使用方法显式地定义 getter 和 setter。原创 2023-11-23 21:44:42 · 567 阅读 · 0 评论 -
JavaScript-对象的属性配置
可以使用方法定义或修改指定对象的属性。可以在对象字面量中使用属性描述符进行属性定义。原创 2023-11-23 21:43:43 · 429 阅读 · 0 评论 -
JavaScript-JSON对象和方法
在 JavaScript 中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,通常用于将数据从一个地方传递到另一个地方。JavaScript 提供了一些用于 JSON 操作的方法,其中包括和。原创 2023-11-23 21:42:45 · 337 阅读 · 0 评论 -
JavaScript-日期和时间
在 JavaScript 中,日期和时间是常见的操作之一。JavaScript 提供了Date对象,用于表示和操作日期和时间。以下是关于Date。原创 2023-11-23 21:41:26 · 389 阅读 · 0 评论 -
JavaScript-可迭代对象
在 JavaScript 中,可迭代对象是具有迭代行为的对象。可迭代对象实现了迭代器协议(Iterator Protocol),这意味着它们可以通过迭代器进行遍历。迭代器是一个对象,它具有一个next()方法,每次调用都返回一个包含value和done属性的对象。value表示当前迭代的值,而done是一个布尔值,表示迭代是否完成。原创 2023-11-23 20:04:43 · 438 阅读 · 0 评论 -
JavaScript-Map和Set
Map 和 Set 是 JavaScript 中强大且灵活的数据结构,它们提供了一种有效的方式来处理键值对和不重复值的需求。在实际开发中,你会经常看到它们的使用,特别是在处理数据的存储和检索方面。是一种键值对的集合,其中的键和值可以是任意类型的数据。在 Map 中,键是唯一的,不会出现重复的键。在 Map 中,键和值可以是任意类型的数据,包括基本数据类型和对象。是一种不重复值的集合,类似于数组,但不同于数组的是,在 Set 中,元素是唯一的,不会出现重复的元素。方法可以删除 Map 中的键值对。原创 2023-11-23 20:03:28 · 380 阅读 · 0 评论 -
JavaScript-数组对象及其方法
在 JavaScript 中,数组是一种用于存储多个值的数据结构。数组的元素可以是任意类型的数据,包括数字、字符串、对象等。JavaScript 提供了丰富的数组方法,用于对数组进行各种操作。原创 2023-11-23 20:02:44 · 453 阅读 · 0 评论 -
JavaScript-字符串类型对象方法
在 JavaScript 中,字符串类型有对应的包装对象String,同时也有一些常用的字符串方法。在实际开发中,通常直接使用基本数据类型的字符串,而不是其包装对象,因为 JavaScript 在需要时会自动进行类型转换。原创 2023-11-23 20:02:00 · 382 阅读 · 0 评论 -
JavaScript-数字类型对象
在 JavaScript 中,数字类型有对应的包装对象Number,同时也有一些与数字相关的全局函数。在实际开发中,通常直接使用基本数据类型的数字,而不是其包装对象或全局函数,因为 JavaScript 在需要时会自动进行类型转换。原创 2023-11-23 20:01:13 · 392 阅读 · 0 评论 -
JavaScript-对象和原始值转换
理解 JavaScript 中对象和原始值之间的转换是编写健壮且可预测代码的关键。这种转换通常发生在表达式求值、操作符使用和类型比较等上下文中。通过了解默认的转换行为、重写valueOf和toString方法,以及了解隐式转换的规则,你可以更好地掌握 JavaScript 中的类型转换机制。希望这些例子和解释对你有所帮助。原创 2023-11-22 19:57:45 · 81 阅读 · 0 评论 -
JavaScript-Symbol类型
Symbol是 JavaScript 中引入的一种新的基本数据类型,用于创建唯一的标识符。它主要用于解决属性名冲突的问题,确保属性的唯一性。Symbol具有不可枚举、不可强制类型转换等特点,可以作为对象属性的唯一键。希望这些例子和解释能够帮助你更好地理解 JavaScript 中的Symbol。原创 2023-11-22 19:56:47 · 30 阅读 · 0 评论 -
JavaScript-对象属性的可选链?.
可选链是一种强大而简洁的语言特性,能够使处理对象嵌套结构的代码更加健壮和清晰。它是现代 JavaScript 开发中的一个有用工具,特别是在处理复杂的对象结构时。希望这些解释和示例有助于你更好地理解 JavaScript 中的可选链。原创 2023-11-22 19:51:13 · 30 阅读 · 0 评论 -
JavaScript-构造方法
构造器是一个普通的 JavaScript 函数,但用于创建和初始化对象。构造器的名称通常以大写字母开头,这是一种常见的命名约定。构造器和new操作符是 JavaScript 中用于创建对象实例的重要机制。了解它们的使用方式和原理有助于理解面向对象编程的概念。在实际开发中,构造器经常用于创建和初始化对象,通过原型链,它们可以共享方法和属性,提高代码的可维护性。希望这些例子和解释能够帮助你更好地理解 JavaScript 中的构造器和new操作符。原创 2023-11-22 19:48:06 · 59 阅读 · 0 评论 -
JavaScript-对象方法
方法是存储在对象中的函数。它是一个键值对,其中键是方法的名称,值是一个函数。// 方法体对象方法是对象中包含的函数,用于表示对象的行为和动作。它允许封装和组织代码,使代码更具可读性和可维护性。理解如何定义、调用和使用对象方法对于 JavaScript 编程至关重要。希望这些例子和解释能够帮助你更好地理解 JavaScript 中的对象方法。原创 2023-11-22 19:45:49 · 32 阅读 · 0 评论 -
JavaScript-对象
对象是 JavaScript 中一种重要的数据结构,用于组织和存储数据。了解如何创建、访问、修改和操作对象对于编写复杂的 JavaScript 应用是至关重要的。在实际开发中,对象的使用非常广泛,它是 JavaScript 中的核心概念之一。希望这些例子和解释能够帮助你更好地理解 JavaScript 中的对象。原创 2023-11-22 19:41:44 · 20 阅读 · 0 评论 -
JavaScript-箭头函数
箭头函数是 ES6 中引入的一种新的函数声明方式,具有简洁的语法和特殊的this绑定规则。了解箭头函数的使用场景和特性有助于更好地编写现代化的 JavaScript 代码。在合适的情况下,箭头函数可以提高代码的可读性和编写效率。原创 2023-11-22 19:39:39 · 259 阅读 · 0 评论 -
JavaScript-函数的call、apply 和 bind方法
callapply和bind是 JavaScript 中用于改变函数执行上下文的重要方法。它们提供了灵活的方式来设置函数内部的this值,并在不同的场景中有不同的使用方式。理解这三者的区别和用法,对于正确使用函数的执行上下文至关重要。原创 2023-11-22 19:36:07 · 22 阅读 · 0 评论 -
JavaScript-定时器setTimeout 和 setInterval
setTimeout和是 JavaScript 中用于处理定时任务的两个重要函数。它们为开发者提供了在特定时间执行或周期性执行代码的便捷方式。理解这两个函数的使用方法和注意事项有助于更好地处理定时任务,同时要注意避免滥用计时器以确保代码的性能和可维护性。原创 2023-11-22 19:32:58 · 73 阅读 · 0 评论 -
JavaScript-动态创建函数
提供了一种动态创建函数的方式,但在实际开发中应慎用,避免安全性和性能问题。了解这个语法的基本用法和潜在风险有助于更好地理解 JavaScript 中的函数创建机制。原创 2023-11-22 19:26:16 · 270 阅读 · 0 评论 -
JavaScript-函数对象
函数是 JavaScript 中的一等公民,是对象的一种。函数可以赋值给变量,作为参数传递,拥有属性和方法。函数对象有多种创建方式,包括函数声明、函数表达式和箭头函数。函数对象和 this 关键字的关系需要特别注意。函数对象也可以参与原型链的继承。理解函数对象的特性和用法对于编写灵活而强大的 JavaScript 代码至关重要。希望这些例子和解释能够帮助你更好地理解函数对象的概念。原创 2023-11-22 19:22:22 · 377 阅读 · 0 评论 -
JavaScript-闭包
闭包是指函数能够访问其词法作用域之外的变量,即使在函数在定义时所在的作用域之外执行。// 返回内部函数// 形成闭包// 输出 "I am outer"闭包是 JavaScript 中一个强大而灵活的特性,能够帮助我们编写更灵活、模块化和可维护的代码。理解闭包的概念及其应用场景对于 JavaScript 的初学者来说是重要的一步。闭包使得 JavaScript 具有了很多有趣的编程模式,通过实践和深入理解,你会更好地运用闭包来解决实际问题。原创 2023-11-22 19:15:30 · 20 阅读 · 0 评论 -
JavaScript-递归函数
当递归函数被调用时,会创建一个新的执行上下文(函数的调用帧),并将其推入调用栈。当递归调用返回时,对应的执行上下文被弹出栈。递归是一种强大的编程技巧,但需要谨慎使用以避免潜在的性能问题。了解递归的工作原理和堆栈的结构有助于更好地理解 JavaScript 中的函数调用和内存管理。尾递归是一种特殊的递归形式,其中递归调用是函数的最后一个操作。递归是一种在函数定义中使用函数自身的编程技巧。谨慎处理递归的性能问题,某些情况下迭代可能更合适。在使用递归时,确保定义了终止条件,避免无限递归。原创 2023-11-22 19:06:13 · 47 阅读 · 0 评论 -
JavaScript-函数基础
在 JavaScript 中,函数是一段可重复使用的代码块,可以通过函数名来调用。函数的定义可以通过函数声明或函数表达式完成。函数是 JavaScript 中的一等公民,可以被赋值给变量、作为参数传递给其他函数,也可以作为其他函数的返回值。箭头函数是 ES6 提供的一种更简洁的函数声明方式,适用于简单的函数体和需要保留词法作用域的情况。默认参数、参数扩展和剩余参数等特性丰富了函数的灵活性,使其更适用于不同的使用场景。原创 2023-11-21 22:14:55 · 25 阅读 · 0 评论 -
JavaScript-循环语句
循环提供了一种更紧凑的方式来定义和执行循环,它包含了初始化、条件判断和迭代语句。循环是在循环开始前先检查条件,只有在条件为真的情况下才执行循环体。循环体内通常包含一个改变循环条件的语句,以确保循环会在某个时刻终止。循环类似,但是它会在执行循环体之前先执行一次循环,然后再检查条件。循环时,需要确保循环条件最终会变为假,否则可能导致无限循环。在每次循环迭代后执行的语句,通常用于递增或递减计数器。在循环开始前执行的语句,通常用于初始化计数器。用于跳出循环,终止循环的执行。原创 2023-11-21 22:13:56 · 43 阅读 · 0 评论 -
JavaScript-条件分支语句
在 JavaScript 中,条件分支用于根据不同的条件执行不同的代码块。语句是控制流程的重要工具,根据不同的需求选择合适的结构可以使代码更清晰、易读。分支都是一个值,与表达式的值进行比较,匹配的分支会被执行。语句更适用于对某个变量的多个可能取值进行判断的情况。语句用于根据表达式的值选择要执行的代码块。条件分支可以嵌套,根据多个条件执行不同的代码块。语句适用于对条件进行详细的判断,而。以及后续的所有代码都会被执行。会执行,然后继续执行后续的。语句存在穿透性,即匹配的。分支,用于在没有匹配的。原创 2023-11-21 22:12:59 · 33 阅读 · 0 评论 -
JavaScript-空值合并运算符
JavaScript 中的空值合并运算符??是一种用于处理变量可能为null或undefined的情况的运算符。它提供了一种简洁的方式来选择两个操作数中的非空值。原创 2023-11-21 22:11:41 · 120 阅读 · 0 评论