chenlight

2026年1月29日

摘要：扩展运算符（Spread Operator）是 JavaScript 中一个非常实用的语法特性，用三个点 ... 表示。它允许将可迭代对象（如数组、字符串、Set、Map 等）“展开”为多个独立的元素，或者在对象字面量中复制对象的属性。一、在数组中的使用 1. 展开数组 const arr1 = 阅读全文

posted @ 2026-01-29 18:32 chenlight 阅读(20) 评论(0) 推荐(0)

JavaScript 中 Proxy 的 apply 和 construct 捕获器（trap）的语法和具体用法

摘要： Proxy 是 ES6 提供的对象拦截器，其中 apply 和 construct 是专门用于拦截函数的两个核心方法： apply：拦截函数的普通调用（func()、func.call()、func.apply()） construct：拦截函数的构造调用（new Func()）只有函数对象才能被阅读全文

posted @ 2026-01-29 18:09 chenlight 阅读(25) 评论(0) 推荐(0)

JavaScript 中 call、apply、bind 这三个方法的具体用法和区别

摘要：核心概念先理解这三个方法都属于 Function.prototype 上的方法，所有函数都可以调用它们，核心作用是：改变函数执行时的 this 指向，但调用方式和效果有明显区别。 1. call 方法用法函数名.call(thisArg, arg1, arg2, ...) thisArg：函数阅读全文

posted @ 2026-01-29 16:45 chenlight 阅读(86) 评论(0) 推荐(0)

2026年1月27日

Promise原理渐进渐知

摘要：一、极简promise雏形 function Promise(fn) { var value = null, callbacks = []; //callbacks为数组，因为可能同时有很多个回调 this.then = function (onFulfilled) { callbacks.push 阅读全文

posted @ 2026-01-27 22:03 chenlight 阅读(33) 评论(0) 推荐(0)

JavaScript 中的 forEach() 方法

摘要：一、forEach() 是什么？ forEach() 是 JavaScript 数组的内置方法，用于遍历数组的每一个元素，并对每个元素执行你指定的回调函数。它的核心特点是：遍历过程中无法被中断（不能用 break/continue，只能通过抛出异常终止）；没有返回值（默认返回 undefined 阅读全文

posted @ 2026-01-27 12:56 chenlight 阅读(58) 评论(0) 推荐(0)

回调函数地狱、Promise-链式调用、

摘要：黑马程序员的B站课程：https://www.bilibili.com/video/BV1MN411y7pw?spm_id_from=333.788.videopod.episodes&vd_source=58cc5704c1268f656a4d51980dac6aa7&p=48 涉及回调地狱的代码阅读全文

posted @ 2026-01-27 12:49 chenlight 阅读(21) 评论(0) 推荐(0)

2026年1月25日

JavaScript 中 Function() 构造函数的具体用法

摘要： JavaScript 中 Function() 构造函数的具体用法，这是一种动态创建函数的方式，和我们常用的函数声明 / 表达式写法有所不同。一、Function() 构造函数的基础用法 Function() 是 JavaScript 内置的构造函数，用于动态创建函数。它接收的最后一个参数是函数体阅读全文

posted @ 2026-01-25 11:36 chenlight 阅读(43) 评论(0) 推荐(0)

2026年1月24日

JavaScript 中 ||（逻辑或）和 &&（逻辑与）

摘要： && 是「且」逻辑，遇假就停，返回第一个假值 / 最后一个真值，常用于条件执行； || 是「或」逻辑，遇真就停，返回第一个真值 / 最后一个假值，常用于设置默认值； JS 逻辑运算符返回的是「操作数本身」，而非单纯的 true/false，这是和其他语言的核心区别。下面的表格可以帮助你更直观地理解阅读全文

posted @ 2026-01-24 18:20 chenlight 阅读(17) 评论(0) 推荐(0)

认识 Promise

摘要：一、使用Promise管理异步任务的基础步骤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name 阅读全文

posted @ 2026-01-24 17:25 chenlight 阅读(6) 评论(0) 推荐(0)

JavaScript:函数应用的几个细节问题

摘要：一、以函数调用的形式进行赋值操作的情况比如： ele.onclick = HTML(); 先看一下具体的代码情况，如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</ti 阅读全文

posted @ 2026-01-24 13:25 chenlight 阅读(14) 评论(0) 推荐(0)

公告