深入浅出JavaScript继承机制：解密原型、原型链与面向对象实战攻略
Class继承 🎉 🚀 实战示例：创建可扩展的动物王国1. 基础动物类 (Animal)2. 具体动物类 (Dog & Cat)3. 实战应用 📚 总结🔗 相关链接 🔥 引言 🧱 原型基础 首先，每个JavaScript对象都有一个内置的属性叫做[[Prototype]]，通常通过__proto__访问（非标准但广泛支持），它指向创建该对象的构造函数的prototype属性。构造函数的prototype本身也是一个对...
【JavaScript】内置对象 - 数组对象 ⑤ ( 数组转字符串 | toString 方法 | join 方法 )
oString()2、数组转字符串 ( 自定义分割符 ) - join() Array 数组对象参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array 一、数组转字符串 1、数组转字符串 ( 逗号分割 ) - toString() 调用 Array 数组对象的 toString() 方法...
JavaScript中的RegExp和Cookie
文章目录 🔆RegExp 🎲 1 什么是正则表达式 🎲2 创建正则表达式 💟 2.1 直接量 💟 2.2 new RegExp 🎲3 正则表达式用法及区别 💟 3.1 String中正则表达式方法 💟 3.2 RegExp对象的方法 🎲4 修饰符 🎲5 pattern 模式 💟5.1 基本匹配 💟5.2 [] 💟5.3 元字符(`转义字符`) 💟5.4 量词 💟5.5 贪 婪 惰 性 💟5.6 子组(子表达式) 🎲...
JavaScript 垃圾回收机制深度解析：内存管理的艺术
文章目录 🎭 引言一、JavaScript内存模型与生命周期的深度解析📌 基本数据类型与栈内存的精妙运作📌 复杂数据类型与堆内存的广袤世界📌 生命周期管理的智慧与实践策略📌 WeakMap 和 WeakSet 介绍 二、垃圾回收机制（Garbage Collection, GC）的深度探索📌 引用计数法（Reference Counting）📌 标记-清除法（Mark-and-Sweep）📌 分代收集（Genera...
JavaScript基础知识强化：变量提升、作用域逻辑及TDZ的全面解析
et` & `const`)📘 词法作用域(Lexical Scoping)🌀 提升与作用域的相互作用深化理解 💯 总结与巩固🔗 相关链接 ⭐️ 引言 🎯 变量提升(Hoisting) 「变量提升」是JavaScript执行模型的关键特性，它描述了在代码实际执行前，引擎如何处理变量和函数声明的逻辑顺序。这一机制对于深入理解代码执行流程，特别是作用域和变量生命周期管理，具有重要意义。具体细节如下： 👻 暂时性死区（Te...
JavaScript对象设计哲学：八种模式塑造高效代码
📌 解决方法重定义问题 八、原型模式 🧬📌 基础概念📌 核心原理📌 优点📌 缺点📌 使用建议 九、组合模式 🌈📌 示例解析📌 组合模式的优势📌 应用场景 十、总结 🎯🔗 相关知识 一、引言 🚀 对象是JavaScript中一种复合数据类型，能够存储多个不同数据类型的值。它们不仅存储数据，还封装了方法，即可以直接在对象上执行的功能。了解多种创建对象的方法，对于编写清晰、可维护的代码至关重要。接下来，让我们一一揭开这些方...
JavaScript手写专题——图片懒加载、滚动节流、防抖手写
搭建图片懒加载场景 可以设置这样一个html页面 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Lazy-Load</title> <style> .container { ...
【JavaScript】内置对象 - 数组对象 ① ( 数组简介 | 数组创建 | 数组类型检测 )
y.isArray() 方法4、数组检测 - instanceof 运算符 Array 数组对象参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array 一、数组对象 1、数组简介 在 JavaScript 中 , 提供了一种 内置对象 " 数组 " , 用于存储一系列的值 , 这些值可以...
JavaScript中有哪些类型的弹出框和自定义弹出框
在JavaScript中，有多种方式可以创建弹出框。以下是其中的一些： 警告框（Alert）：这是最简单的弹出框，使用window.alert()方法。它会显示一个带有确定按钮和一段文本的对话框。 window.alert("这是一个警告框！"); 确认框（Confirm）：使用window.confirm()方法，显示一个带有确定和取消按钮的对话框。这个方法会返回一个布尔值，根据用户点击的按钮来确定。 var re...
JavaScript基础
JavaScript的使用： 外嵌： 使用范围： 内嵌 JS 是学习时常用的方式 可以将多行JS代码写到 <script> 标签中 举例： <1>js代码 <script> alert('hello world') </script> <2>完整代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...