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

JavaScript(六)-高级篇

news 2025/11/30 17:41:22

文章目录

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

Android Wi-Fi 连接失败日志分析

1. Android wifi 关键日志总结 (1) Wi-Fi 断开 (CTRL-EVENT-DISCONNECTED reason3) 日志相关部分&#xff1a; 06-05 10:48:40.987 943 943 I wpa_supplicant: wlan0: CTRL-EVENT-DISCONNECTED bssid44:9b:c1:57:a8:90 reason3 locally_generated1解析&#xff1a; CTR…...

编程新知 2025/9/14 19:44:52

日语AI面试高效通关秘籍：专业解读与青柚面试智能助攻

在如今就业市场竞争日益激烈的背景下&#xff0c;越来越多的求职者将目光投向了日本及中日双语岗位。但是&#xff0c;一场日语面试往往让许多人感到步履维艰。你是否也曾因为面试官抛出的“刁钻问题”而心生畏惧&#xff1f;面对生疏的日语交流环境&#xff0c;即便提前恶补了…...

编程新知 2025/11/28 11:48:32

＜6＞-MySQL表的增删查改

目录 一&#xff0c;create&#xff08;创建表&#xff09; 二&#xff0c;retrieve&#xff08;查询表&#xff09; 1&#xff0c;select列 2&#xff0c;where条件 三&#xff0c;update&#xff08;更新表&#xff09; 四&#xff0c;delete&#xff08;删除表&#xf…...

编程新知 2025/8/6 22:35:04

微软PowerBI考试 PL300-选择 Power BI 模型框架【附练习数据】

微软PowerBI考试 PL300-选择 Power BI 模型框架 20 多年来&#xff0c;Microsoft 持续对企业商业智能 (BI) 进行大量投资。 Azure Analysis Services (AAS) 和 SQL Server Analysis Services (SSAS) 基于无数企业使用的成熟的 BI 数据建模技术。 同样的技术也是 Power BI 数据…...

编程新知 2025/11/21 10:15:15

转转集团旗下首家二手多品类循环仓店“超级转转”开业

6月9日&#xff0c;国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解&#xff0c;“超级…...

编程新知 2025/11/27 12:22:36

Java入门学习详细版（一）

大家好&#xff0c;Java 学习是一个系统学习的过程&#xff0c;核心原则就是“理论 实践 坚持”&#xff0c;并且需循序渐进&#xff0c;不可过于着急&#xff0c;本篇文章推出的这份详细入门学习资料将带大家从零基础开始&#xff0c;逐步掌握 Java 的核心概念和编程技能。 …...

编程新知 2025/7/27 0:21:52

爬虫基础学习day2

# 爬虫设计领域 工商&#xff1a;企查查、天眼查短视频&#xff1a;抖音、快手、西瓜 ---> 飞瓜电商&#xff1a;京东、淘宝、聚美优品、亚马逊 ---> 分析店铺经营决策标题、排名航空&#xff1a;抓取所有航空公司价格 ---> 去哪儿自媒体&#xff1a;采集自媒体数据进…...

编程新知 2025/10/17 17:04:15

服务器--宝塔命令

一、宝塔面板安装命令 ⚠️ 必须使用 root 用户 或 sudo 权限执行&#xff01; sudo su - 1. CentOS 系统&#xff1a; yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh2. Ubuntu / Debian 系统…...

编程新知 2025/10/3 10:56:48

Linux C语言网络编程详细入门教程：如何一步步实现TCP服务端与客户端通信

文章目录 Linux C语言网络编程详细入门教程&#xff1a;如何一步步实现TCP服务端与客户端通信前言一、网络通信基础概念二、服务端与客户端的完整流程图解三、每一步的详细讲解和代码示例1. 创建Socket&#xff08;服务端和客户端都要&#xff09;2. 绑定本地地址和端口&#x…...

编程新知 2025/10/31 21:54:15

push [特殊字符] present

push &#x1f19a; present 前言present和dismiss特点代码演示 push和pop特点代码演示 前言 在 iOS 开发中&#xff0c;push 和 present 是两种不同的视图控制器切换方式&#xff0c;它们有着显著的区别。 present和dismiss 特点 在当前控制器上方新建视图层级需要手动调用…...

编程新知 2025/11/28 15:19:10