摘要：1. 控制台console的使用 使用场景： 改进调试复杂对象的日志记录。console.table、console.group 和 console.time 等控制台方法可以提供更结构化、更 informative 的调试信息。 // 基本日志记录 console.log('简单日志'); con
阅读全文
posted @ 2026-02-12 09:44
随笔分类 - 【10】JavaScript相关
摘要：字符串处理 1. 生成随机字符串 const randomString = (length = 8) => { return Math.random().toString(36).slice(2, 2 + length);};// 示例：randomString() → "4f9d2fe3" 2.
阅读全文
posted @ 2026-02-09 19:36
摘要：本文分享20个实用单行代码小技巧，这些技巧展现了 JavaScript 的灵活性和现代语法的简洁性。 1. 数组去重 const uniqueArr = [...new Set(arr)]; 用 Set 数据结构快速去重，再转回数组。 2. 打乱数组顺序 const shuffled = arr.s
阅读全文
posted @ 2026-01-15 00:00
摘要：解构（Destructuring） 是ES6引入的一项强大特性，能帮助你从数组或对象中快速提取值并赋值给变量。它能让代码更简洁、可读性更强。 一、数组解构 1. 基础用法 通过模式匹配提取数组元素： const colors = ['红', '绿', '蓝'];const [first, secon
阅读全文
posted @ 2025-12-25 00:00
摘要：一、JavaScript数据类型的核心分类 JavaScript的数据类型分为值类型（基本类型）和引用类型（复杂类型），它们的存储方式、操作逻辑及内存管理机制截然不同，深刻理解二者差异是优化代码性能和避免Bug的关键。 1. 值类型（Primitive Types） 特点：按值访问，直接存储在栈内存
阅读全文
posted @ 2025-10-30 09:25
摘要：JavaScript 早已不再仅仅是浏览器的脚本语言——它已成为现代 Web 开发、后端服务、原生应用、物联网（IoT）甚至人工智能（AI）工具的跳动心脏。每一年，新的特性、概念和最佳实践都在不断涌现。 随着 2025 年的到来，开发者必须牢牢掌握驱动现代 JavaScript 的核心术语。无论你是
阅读全文
posted @ 2025-10-23 10:30
摘要：无论是前端页面上还是后端服务上，我们都会遇到需要定时去执行的任务，比如前端页面上定时去轮询配置是否发生变化，后端服务上定时检查证书是否快过期等。01.使用setInterval定时执行setInterval 用于重复执行一个回调函数，每间隔指定的时间间隔就执行一次。使用 clearInterval
阅读全文
posted @ 2025-10-20 16:25
摘要：一、什么是链式调用？ 链式调用（Method Chaining） 是一种让多个方法通过连续的“点操作符”调用的编码风格 // 示例：jQuery 的链式调用$("#myDiv") .css("color", "red") .addClass("highlight") .fadeOut(1000);
阅读全文
posted @ 2025-10-13 14:00
摘要：JavaScript是一种动态且多用途的语言，提供了许多初学者和中级开发者常常忽视的特性。然而，高级开发者知道如何利用这些隐藏的宝藏来编写优雅、高效且强大的代码。在本文中，我们将揭示10个JavaScript技巧，这些技巧可以提升你的编码水平。1. 带默认值的解构在JavaScript中，解构是一个
阅读全文
posted @ 2025-09-08 16:11
摘要：Async/Await 是 ES2017 引入的语法糖，用于简化 Promise 的使用，让异步代码看起来像同步代码。它的核心原理是： async：声明一个函数为异步函数 await：暂停代码执行，等待 Promise 结果 与传统 Promise 对比 // Promise 写法function
阅读全文
posted @ 2025-07-24 10:00
摘要：Promise是一个代理对象，代表了一个在创建时不一定已知的结果。它允许你将处理程序与异步操作的最终成功值或失败原因关联起来，使得异步方法可以像同步方法一样返回值 为什么需要 Promise？ 在传统 JavaScript 异步编程中，我们使用回调函数处理异步操作，但当遇到多个异步操作嵌套时，会出现
阅读全文
posted @ 2025-07-17 09:29
摘要：一、为什么需要 Event Loop？ JavaScript 是 单线程语言，意味着它一次只能执行一个任务。但浏览器中需要处理大量异步操作（如网络请求、定时器、用户事件），如果让主线程等待这些操作完成，会导致页面“卡死”。Event Loop（事件循环） 的机制让 JS 在单线程下也能实现非阻塞异步
阅读全文
posted @ 2025-07-10 12:01
摘要：JavaScript继承是一种机制，允许一个对象（子类）继承另一个对象（父类）的属性和方法。通过继承，子类可以复用父类的功能，同时也可以扩展新的属性和方法。继承是面向对象编程中的一个核心概念，它提高了代码的复用性，减少了代码量，降低了开发成本。 一、继承的核心：原型链机制 JavaScript
阅读全文
posted @ 2025-07-03 09:29
摘要：什么是 class 语法？ JavaScript 本质是基于原型的语言，但 ES6 引入了 class 关键字，提供了一种更直观的面向对象编程（OOP）语法。class 不是新的继承模型，而是原型继承的语法，让代码更易读和结构化。 基础语法 1. 定义类 class Person { // 构造函数
阅读全文
posted @ 2025-06-30 15:37
摘要：一、核心概念 每个对象（Object）都有一个私有属性指向另一个名为原型（prototype）的对象。原型对象也有一个自己的原型，层层向上直到一个对象的原型为 null。根据定义，null 没有原型，并作为这个原型链（prototype chain）中的最后一个环节。 prototype属性：每个函
阅读全文
posted @ 2025-06-26 09:28
摘要：this 是 JavaScript 中最容易让人困惑的概念之一。它的指向取决于函数的调用方式而非定义位置，且在不同场景下表现不同。 一、this 的本质 this 是一个动态绑定的执行上下文对象，指向当前函数运行时的“所有者”。它的值在函数被调用时确定，而非定义时。理解 this 的关键在于分析函数
阅读全文
posted @ 2025-06-23 16:15
摘要：JavaScript允许使用内部函数 即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。 一、闭包的本质定义 闭包是通过函数嵌套 函数来实
阅读全文
posted @ 2025-06-19 12:03
摘要：JavaScript作用域链是由函数定义时的词法环境层级构成的链式结构，决定了变量查找时从当前作用域逐级向外层直至全局作用域的访问路径。 一、作用域基础：代码的"势力范围" 作用域（Scope）决定了变量、函数和对象的可访问范围，是JavaScript最基础的核心机制。 1. 作用域类型 全局作用域
阅读全文
posted @ 2025-06-16 15:58
摘要：算术运算符 用于数学计算，返回数值结果。 运算符描述示例 + 加法 5 + 3 → 8 - 减法 10 - 4 → 6 * 乘法 2 * 6 → 12 / 除法 15 / 3 → 5 % 取模（余数） 10 % 3 → 1 ** 指数（ES6） 2 ** 4 → 16 ++ 自增 let a=5;
阅读全文
posted @ 2025-06-12 09:42
浙公网安备 33010602011771号