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

JavaScript(六)-高级篇

news 2026/2/8 22:39:00

文章目录

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

后进先出（LIFO）详解

LIFO 是 Last In, First Out 的缩写&#xff0c;中文译为后进先出。这是一种数据结构的工作原则&#xff0c;类似于一摞盘子或一叠书本&#xff1a; 最后放进去的元素最先出来 -想象往筒状容器里放盘子&#xff1a; &#xff08;1&#xff09;你放进的最后一个盘子&#xff08…...

编程新知 2026/2/8 1:22:58

使用docker在3台服务器上搭建基于redis 6.x的一主两从三台均是哨兵模式

一、环境及版本说明 如果服务器已经安装了docker,则忽略此步骤,如果没有安装,则可以按照一下方式安装: 1. 在线安装(有互联网环境): 请看我这篇文章 传送阵>> 点我查看 2. 离线安装(内网环境):请看我这篇文章 传送阵>> 点我查看 说明&#xff1a;假设每台服务器已…...

编程新知 2026/2/8 1:53:29

7.4.分块查找

一.分块查找的算法思想&#xff1a; 1.实例&#xff1a; 以上述图片的顺序表为例&#xff0c; 该顺序表的数据元素从整体来看是乱序的&#xff0c;但如果把这些数据元素分成一块一块的小区间&#xff0c; 第一个区间[0,1]索引上的数据元素都是小于等于10的&#xff0c; 第二…...

编程新知 2026/2/8 20:43:02

Python爬虫实战：研究feedparser库相关技术

1. 引言 1.1 研究背景与意义 在当今信息爆炸的时代，互联网上存在着海量的信息资源。RSS（Really Simple Syndication）作为一种标准化的信息聚合技术，被广泛用于网站内容的发布和订阅。通过 RSS，用户可以方便地获取网站更新的内容，而无需频繁访问各个网站。 然而，互联网…...

编程新知 2025/8/18 9:54:31

【决胜公务员考试】求职OMG——见面课测验1

2025最新版&#xff01;&#xff01;&#xff01;6.8截至答题&#xff0c;大家注意呀&#xff01; 博主码字不易点个关注吧,祝期末顺利~~ 1.单选题(2分) 下列说法错误的是:&#xff08; B &#xff09; A.选调生属于公务员系统 B.公务员属于事业编 C.选调生有基层锻炼的要求 D…...

编程新知 2025/11/8 16:25:01

工业自动化时代的精准装配革新：迁移科技3D视觉系统如何重塑机器人定位装配

AI3D视觉的工业赋能者 迁移科技成立于2017年&#xff0c;作为行业领先的3D工业相机及视觉系统供应商&#xff0c;累计完成数亿元融资。其核心技术覆盖硬件设计、算法优化及软件集成&#xff0c;通过稳定、易用、高回报的AI3D视觉系统&#xff0c;为汽车、新能源、金属制造等行…...

编程新知 2025/11/25 4:59:47

Android15默认授权浮窗权限

我们经常有那种需求&#xff0c;客户需要定制的apk集成在ROM中&#xff0c;并且默认授予其【显示在其他应用的上层】权限&#xff0c;也就是我们常说的浮窗权限&#xff0c;那么我们就可以通过以下方法在wms、ams等系统服务的systemReady()方法中调用即可实现预置应用默认授权浮…...

编程新知 2026/2/1 4:13:59

ArcGIS Pro制作水平横向图例+多级标注

今天介绍下载ArcGIS Pro中如何设置水平横向图例。 之前我们介绍了ArcGIS的横向图例制作&#xff1a;ArcGIS横向、多列图例、顺序重排、符号居中、批量更改图例符号等等&#xff08;ArcGIS出图图例8大技巧&#xff09;&#xff0c;那这次我们看看ArcGIS Pro如何更加快捷的操作。…...

编程新知 2026/2/4 17:18:03

听写流程自动化实践，轻量级教育辅助

随着智能教育工具的发展&#xff0c;越来越多的传统学习方式正在被数字化、自动化所优化。听写作为语文、英语等学科中重要的基础训练形式&#xff0c;也迎来了更高效的解决方案。 这是一款轻量但功能强大的听写辅助工具。它是基于本地词库与可选在线语音引擎构建&#xff0c;…...

编程新知 2026/1/30 1:47:17

【前端异常】JavaScript错误处理：分析 Uncaught (in promise) error

在前端开发中&#xff0c;JavaScript 异常是不可避免的。随着现代前端应用越来越多地使用异步操作&#xff08;如 Promise、async/await 等&#xff09;&#xff0c;开发者常常会遇到 Uncaught (in promise) error 错误。这个错误是由于未正确处理 Promise 的拒绝&#xff08;r…...

编程新知 2026/1/1 23:11:45