当前位置： 首页 > news >正文

JavaScript(六)-高级篇

news 2026/3/26 4:26:02

文章目录

  • 作用域
    • 局部作用域
    • 全局作用域
    • 作用域链
    • JS垃圾回收机制
    • 闭包
    • 变量提升
  • 函数进阶
    • 函数提升
    • 函数参数
        • 动态参数
        • 多余参数
    • 箭头函数
  • 解构赋值
    • 数组解构
    • 对象解构
  • 遍历数组forEach方法（重点）
  • 构造函数
    • 深入对象
      • 创建对象的三种方式
      • 构造函数
      • 实例成员 & 静态成员
    • 内置构造函数
      • Object
      • Array
      • String
      • Number
  • 原型
    • 原型
    • construct属性
    • 对象原型
    • 原型链

作用域

在这里插入图片描述

局部作用域

局部作用域分为函数作用域和块作用域
在这里插入图片描述
块作用域是es6新加的
在这里插入图片描述

全局作用域

在这里插入图片描述

作用域链

在这里插入图片描述

JS垃圾回收机制

垃圾回收机制简称GC
JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收
在这里插入图片描述
在这里插入图片描述
引用计数法
在这里插入图片描述
在这里插入图片描述
标记清除算法
在这里插入图片描述
在这里插入图片描述

闭包

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
闭包可能会导致内存泄漏

变量提升

在这里插入图片描述

函数进阶

函数提升

在这里插入图片描述

函数参数

动态参数

在这里插入图片描述

多余参数

在这里插入图片描述

展开运算符
在这里插入图片描述
在这里插入图片描述

箭头函数

使用场景：箭头函数更适用于那些本来需要匿名函数的地方
在这里插入图片描述
在这里插入图片描述
箭头函数参数

在这里插入图片描述
箭头函数的this指向
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

解构赋值

数组解构

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
参数不一致的情况
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

对象解构

在这里插入图片描述
在这里插入图片描述

数组对象 的结构
在这里插入图片描述

多级对象解构
在这里插入图片描述

在这里插入图片描述

遍历数组forEach方法（重点）

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

构造函数

深入对象

创建对象的三种方式

在这里插入图片描述

构造函数

在这里插入图片描述

实例成员 & 静态成员

实例成员
在这里插入图片描述
静态成员
在这里插入图片描述

内置构造函数

在这里插入图片描述

Object

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

Array

在这里插入图片描述
在这里插入图片描述

reduce
在这里插入图片描述
在这里插入图片描述
数组常见方法
在这里插入图片描述

String

在这里插入图片描述
在这里插入图片描述

Number

在这里插入图片描述

原型

原型

在这里插入图片描述
在这里插入图片描述

construct属性

在这里插入图片描述
在这里插入图片描述

对象原型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

原型链

在这里插入图片描述
原型链查找规则
在这里插入图片描述

相关文章：

JavaScript(六)-高级篇

文章目录 作用域局部作用域全局作用域作用域链JS垃圾回收机制闭包变量提升 函数进阶函数提升函数参数动态参数多余参数 箭头函数 解构赋值数组解构对象解构 遍历数组forEach方法（重点）构造函数深入对象创建对象的三种方式构造函数实例成员 & 静态成员…...

编程日记 2024/4/15 8:25:28

速盾：游戏cdn什么意思

CDN（Content Delivery Network）是指内容分发网络，它是由一组位于世界各地的服务器组成的网络，用于将内容有效地传输给用户。游戏CDN，顾名思义，就是用于游戏内容分发的网络。 在传统的网络传输模式中&#…...

编程日记 2024/4/15 8:23:24

数据库-Redis（11）

目录 51.什么是Redis事务？ 52.Redis事务相关命令？ 53.Redis事务的三个阶段？...

编程日记 2024/4/15 8:18:20

【网安小白成长之路】6.pikachu、sql-labs、upload-labs靶场搭建

🐮博主syst1m 带你 acquire knowledge！ ✨博客首页——syst1m的博客💘 🔞 《网安小白成长之路(我要变成大佬😎！！)》真实小白学习历程，手把手带你一起从入门到入狱🚭 &…...

编程日记 2024/4/15 8:17:18

（七）C++自制植物大战僵尸游戏关卡数据加载代码讲解

植物大战僵尸游戏开发教程专栏地址http://t.csdnimg.cn/xjvbb 打开LevelData.h和LevelData.cpp文件。文件位置如下图所示。 LevelData.h 此头文件中定义了两个类，分别是OpenLevelData、LevelData，其中OpenLevelData用于加载文件数据。LevelData解析数据…...

编程日记 2024/4/15 8:16:17

wpf下RTSP|RTMP播放器两种渲染模式实现

技术背景 在这篇blog之前，我提到了wpf下播放RTMP和RTSP渲染的两种方式，一种是通过控件模式，另外一种是直接原生RTSP、RTMP播放模块，回调rgb，然后在wpf下渲染，本文就两种方式做个说明。 技术实现 以大牛直…...

编程日记 2024/4/15 8:15:16

Element-UI 自定义-下拉框选择年份

1.实现效果 场景表达&#xff1a; 默认展示当年的年份&#xff0c;默认展示前7年的年份 2.实现思路 创建一个新的Vue组件。 使用<select>元素和v-for指令来渲染年份下拉列表。 使用v-model来绑定选中的年份值。 3.实现代码展示 <template><div><el-…...

编程日记 2024/4/15 8:13:14

二叉树的链式存储

二叉树是一种非常重要的数据结构&#xff0c;它能够高效地进行数据的插入、删除和查找操作。二叉树的每个节点最多有两个子节点&#xff0c;分别是左子节点和右子节点。二叉树可以采用多种不同的存储方式来实现&#xff0c;其中链式存储是最为直观和常用的一种方法。本文将深入…...

编程日记 2024/4/15 8:08:08

[计算机效率] 鼠标手势工具：WGestures(解放键盘的超级效率工具)

3.22 鼠标手势工具&#xff1a;WGestures 通过设置各种鼠标手势和操作进行绑定。当用户通过鼠标绘制出特定的鼠标手势后就会触发已经设置好的操作。有点像浏览器中的鼠标手势&#xff0c;通过鼠标手势操纵浏览器做一些特定的动作。这是一款强大的鼠标手势工具&#xff0c;可以…...

编程日记 2024/4/15 8:07:07

Linux useradd命令教程：如何创建新的用户账户(附实例详解和注意事项)

Linux useradd命令介绍 useradd是Linux中用于添加用户账户的命令。它可以用于创建新的用户&#xff0c;并可以配合不同的选项来指定用户的主目录、UID、GID、组等信息。 Linux useradd命令适用的Linux版本 useradd命令在大多数Linux发行版中都可以使用&#xff0c;包括但不限…...

编程日记 2024/4/15 8:04:03

基于ollama搭建本地chatGPT

ollama帮助我们可以快速在本地运行一个大模型&#xff0c;再整合一个可视化页面就能构建一个chatGPT&#xff0c;可视化页面我选择了chat-ollama&#xff08;因为它还能支持知识库&#xff0c;可玩性更高&#xff09;&#xff0c;如果只是为了聊天更推荐chatbox 部署步骤 下载…...

编程日记 2024/4/15 8:03:02

C++11 数据结构3 线性表的循环链式存储，实现，测试

上一节课&#xff0c;我们学了线性表 单向存储结构&#xff08;也就是单链表&#xff09;&#xff0c;这个是企业常用的技术&#xff0c;且是后面各种的基本&#xff0c;一定要牢牢掌握&#xff0c;如果没有掌握&#xff0c;下面的课程会云里雾里。 一 &#xff0c;循环链表 1…...

编程日记 2024/4/15 7:58:57

初识DOM

目录 前言: 1.初识DOM: 1.1DOM树: 1.2节点&#xff08;Node&#xff09;: 1.2.1元素节点&#xff1a; 1.2.2属性节点&#xff1a; 1.2.3文本节点&#xff1a; 1.3Document对象: 2.操作网页元素: 2.1找出元素&#xff1a; 2.1.1document.getElementById(id)&#xff1…...

编程日记 2024/4/15 7:55:55

计算机视觉实验五——图像分割

计算机视觉实验五——图像分割 一、实验目标二、实验内容1.了解图割操作&#xff0c;实现用户交互式分割&#xff0c;通过在一幅图像上为前景和背景提供一些标记或利用边界框选择一个包含前景的区域&#xff0c;实现分割①图片准备②代码③运行结果④代码说明 2.采用聚类法实现…...

编程日记 2024/4/15 7:54:53

移动Web学习06-移动端适配Less预处理器项目案例

项目目标&#xff1a;实现在不同宽度设备中等比缩放的网页效果 Less代码 import ./base; import ./normalize;// 变量: 存储37.5 rootSize: 37.5rem; *{margin: 0;padding: 0; } body {background-color: #F0F0F0; }// 主体内容 .main {// padding-bottom: (50 / 37.5rem);pa…...

编程日记 2024/4/15 7:53:52

LangChain-25 ReAct 让大模型自己思考和决策下一步 AutoGPT实现途径、AGI重要里程碑

背景介绍 大模型ReAct&#xff08;Reasoning and Acting&#xff09;是一种新兴的技术框架&#xff0c;旨在通过逻辑推理和行动序列的构建&#xff0c;使大型语言模型&#xff08;LLM&#xff09;能够达成特定的目标。这一框架的核心思想是赋予机器模型类似人类的推理和行动能…...

编程日记 2024/4/15 7:52:50

24/04/15总结

多线程&#xff1a; 线程 线程是操作系统能够进行运算调度的最小单位。它被包含在进程之中&#xff0c;是进程中的实际运作单位 并发:在同一时刻&#xff0c;有多个指令在单个cpu上交替执行 并行:在同一时刻&#xff0c;有多个指令在多个cpu上同时执行 多线程的实现方式 1.继承…...

编程日记 2024/4/15 7:50:48

vue3、vue2中nextTick源码解析

nexttick是啥 nextTick是Vue提供的一个全局API&#xff0c;由于Vue的异步更新策略导致我们对数据的修改不会更新&#xff0c;如果此时想要获取更新后的Dom&#xff0c;就需要使用这个方法. vue的异步更新策略意思是如果数据变化,vue不会立刻更新dom,而是开启一个队列,把组件更…...

编程日记 2024/4/15 7:48:46

【氮化镓】GaN HEMTs结温和热阻测试方法

文章《Temperature rise detection in GaN high-electron-mobility transistors via gate-drain Schottky junction forward-conduction voltages》&#xff0c;由Xiujuan Huang, Chunsheng Guo, Qian Wen, Shiwei Feng, 和 Yamin Zhang撰写&#xff0c;发表在《Microelectroni…...

编程日记 2024/4/15 7:46:44

c++11 标准模板（STL）本地化库 - 平面类别（std::codecvt） - 在字符编码间转换，包括 UTF-8、UTF-16、UTF-32 （四）

本地化库 本地环境设施包含字符分类和字符串校对、数值、货币及日期/时间格式化和分析&#xff0c;以及消息取得的国际化支持。本地环境设置控制流 I/O 、正则表达式库和 C 标准库的其他组件的行为。 平面类别 在字符编码间转换&#xff0c;包括 UTF-8、UTF-16、UTF-32 std::…...

编程日记 2024/4/15 7:44:42

ChatGPT越狱指令最新版：原理剖析与安全实践指南

ChatGPT越狱指令最新版&#xff1a;原理剖析与安全实践指南 最近在AI开发者圈子里&#xff0c;关于大语言模型“越狱”的话题又热了起来。所谓“越狱”&#xff0c;就是指通过各种技巧绕过模型内置的安全限制&#xff0c;让它回答一些原本被禁止的问题。作为开发者&#xff0c;…...

编程新知 2026/3/26 4:25:27

OpenClaw隐私保护：百川2-13B本地化部署下的数据全生命周期管理

OpenClaw隐私保护&#xff1a;百川2-13B本地化部署下的数据全生命周期管理 1. 为什么需要关注OpenClaw的隐私保护&#xff1f; 去年我在整理公司财报时&#xff0c;曾不小心把包含敏感数据的Excel表格上传到了公有云AI助手的聊天窗口。虽然及时删除了记录&#xff0c;但那种&…...

编程新知 2026/3/26 4:15:26

计算对方预测位置与本方偏差

航天器交会 分布式MPC在近地轨道上实现两个航天器的精准交会&#xff0c;就像让两枚子弹在千米外相撞——不仅要算准弹道&#xff0c;还要实时应对各种扰动。传统集中式控制需要把所有计算放在地面站&#xff0c;延迟和通讯瓶颈让人头秃。这时候分布式模型预测控制&#xff08;…...

编程新知 2026/3/26 3:01:10

OpenClaw长任务管理：Qwen3-VL:30B连续执行优化

OpenClaw长任务管理&#xff1a;Qwen3-VL:30B连续执行优化 1. 长任务管理的痛点与挑战 上周我尝试用OpenClaw自动化处理一个复杂的市场分析报告生成任务。这个任务需要连续执行网页搜索、数据提取、图表生成和报告撰写四个步骤&#xff0c;预计耗时约40分钟。然而在第三次运行…...

编程新知 2026/3/26 0:54:41

HTML表单回车键的隐藏陷阱：为什么你的input总在刷新页面？5种解决方案实测

HTML表单回车键的隐藏陷阱与实战解决方案 你是否曾在电商后台系统填写冗长的商品信息时&#xff0c;习惯性按下回车键换行&#xff0c;却发现整个页面突然刷新&#xff0c;刚刚输入的数据全部消失&#xff1f;这种令人抓狂的体验背后&#xff0c;隐藏着HTML表单设计中的一个经典…...

编程新知 2026/3/26 0:34:37

RexUniNLU与MySQL集成：构建智能文本分析平台

RexUniNLU与MySQL集成&#xff1a;构建智能文本分析平台 1. 引言 电商平台每天产生海量用户评论&#xff0c;这些评论蕴含着宝贵的用户反馈和市场洞察。传统的人工分析方式效率低下&#xff0c;难以应对大规模数据的处理需求。比如一个中型电商平台&#xff0c;每天可能产生数…...

编程新知 2026/3/25 22:53:35

创新部署策略：如何高效配置OpenCore黑苹果安装环境

创新部署策略&#xff1a;如何高效配置OpenCore黑苹果安装环境 【免费下载链接】Hackintosh 国光的黑苹果安装教程&#xff1a;手把手教你配置 OpenCore 项目地址: https://gitcode.com/gh_mirrors/hac/Hackintosh 国光的黑苹果安装教程是一个全面专业的OpenCore配置指南…...

编程新知 2026/3/25 22:49:16

QGIS缓冲区功能详解：从‘线段数’到‘端点样式’，这些高级参数你真的用对了吗？

QGIS缓冲区功能深度解析&#xff1a;参数组合的艺术与科学 引言&#xff1a;为什么需要关注缓冲区高级参数&#xff1f; 在空间分析领域&#xff0c;缓冲区分析是最基础却最容易被低估的工具之一。大多数QGIS用户都能快速创建一个简单的缓冲区——选择图层、输入距离、点击运行…...

编程新知 2026/3/25 21:34:38

智能告警管理平台如何帮助运维团队减少75%告警噪音：Keep AIOps平台实践指南

智能告警管理平台如何帮助运维团队减少75%告警噪音&#xff1a;Keep AIOps平台实践指南 【免费下载链接】keep The open-source alerts management and automation platform 项目地址: https://gitcode.com/GitHub_Trending/kee/keep 在现代IT环境中&#xff0c;运维团队…...

编程新知 2026/3/25 21:28:38

Temu科技产品质量堪忧，市场乱象亟待整治

Temu科技产品实测&#xff1a;质量缺陷触目惊心作者亲自在Temu平台购买了移动电源、智能充电适配器、旅行适配器、12口充电站和充电线等科技必需品进行测试。结果显示&#xff0c;这些被平台列为畅销品的商品大多存在严重问题。如号称10000mAh的移动电源&#xff0c;实际收到的…...

编程新知 2026/3/25 20:39:50