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

JavaScript(六)-高级篇

news 2025/10/15 21:17:31

文章目录

  • 作用域
    • 局部作用域
    • 全局作用域
    • 作用域链
    • 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

AI-调查研究-01-正念冥想有用吗？对健康的影响及科学指南

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; &#x1f680; AI篇持续更新中&#xff01;&#xff08;长期更新&#xff09; 目前2025年06月05日更新到&#xff1a; AI炼丹日志-28 - Aud…...

编程新知 2025/10/10 7:58:29

业务系统对接大模型的基础方案：架构设计与关键步骤

业务系统对接大模型&#xff1a;架构设计与关键步骤 在当今数字化转型的浪潮中&#xff0c;大语言模型&#xff08;LLM&#xff09;已成为企业提升业务效率和创新能力的关键技术之一。将大模型集成到业务系统中&#xff0c;不仅可以优化用户体验&#xff0c;还能为业务决策提供…...

编程新知 2025/10/15 17:20:57

树莓派超全系列教程文档--(62)使用rpicam-app通过网络流式传输视频

使用rpicam-app通过网络流式传输视频 使用 rpicam-app 通过网络流式传输视频UDPTCPRTSPlibavGStreamerRTPlibcamerasrc GStreamer 元素 文章来源&#xff1a; http://raspberry.dns8844.cn/documentation 原文网址 使用 rpicam-app 通过网络流式传输视频 本节介绍来自 rpica…...

编程新知 2025/9/30 22:03:38

shell脚本--常见案例

1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件&#xff1a; 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...

编程新知 2025/10/15 4:05:00

《从零掌握MIPI CSI-2: 协议精解与FPGA摄像头开发实战》-- CSI-2 协议详细解析 (一）

CSI-2 协议详细解析 (一&#xff09; 1. CSI-2层定义&#xff08;CSI-2 Layer Definitions&#xff09; 分层结构 &#xff1a;CSI-2协议分为6层&#xff1a; 物理层&#xff08;PHY Layer&#xff09; &#xff1a; 定义电气特性、时钟机制和传输介质&#xff08;导线&#…...

编程新知 2025/9/27 23:59:02

基于Flask实现的医疗保险欺诈识别监测模型

基于Flask实现的医疗保险欺诈识别监测模型 项目截图 项目简介 社会医疗保险是国家通过立法形式强制实施&#xff0c;由雇主和个人按一定比例缴纳保险费&#xff0c;建立社会医疗保险基金&#xff0c;支付雇员医疗费用的一种医疗保险制度&#xff0c; 它是促进社会文明和进步的…...

编程新知 2025/10/9 1:16:48

第25节 Node.js 断言测试

Node.js的assert模块主要用于编写程序的单元测试时使用&#xff0c;通过断言可以提早发现和排查出错误。 稳定性: 5 - 锁定 这个模块可用于应用的单元测试&#xff0c;通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...

编程新知 2025/10/11 0:24:31

【Web 进阶篇】优雅的接口设计：统一响应、全局异常处理与参数校验

系列回顾&#xff1a; 在上一篇中&#xff0c;我们成功地为应用集成了数据库&#xff0c;并使用 Spring Data JPA 实现了基本的 CRUD API。我们的应用现在能“记忆”数据了&#xff01;但是&#xff0c;如果你仔细审视那些 API&#xff0c;会发现它们还很“粗糙”&#xff1a;有…...

编程新知 2025/8/4 22:42:24

ardupilot 开发环境eclipse 中import 缺少C++

目录 文章目录 目录摘要1.修复过程摘要 本节主要解决ardupilot 开发环境eclipse 中import 缺少C++，无法导入ardupilot代码，会引起查看不方便的问题。如下图所示 1.修复过程 0.安装ubuntu 软件中自带的eclipse 1.打开eclipse—Help—install new software 2.在 Work with中…...

编程新知 2025/10/12 0:09:52

.Net Framework 4/C# 关键字（非常用，持续更新...）

一、is 关键字 is 关键字用于检查对象是否于给定类型兼容，如果兼容将返回 true，如果不兼容则返回 false，在进行类型转换前，可以先使用 is 关键字判断对象是否与指定类型兼容，如果兼容才进行转换，这样的转换是安全的。 例如有：首先创建一个字符串对象，然后将字符串对象隐…...

编程新知 2025/9/25 18:41:38