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

javascript-es6 （一）

news 来源：原创 2025/5/20 9:14:55

作用域（scope）

规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问

局部作用域

函数作用域：

在函数内部声明的变量只能在函数内部被访问，外部无法直接访问

function getSum(){
//函数内部是函数作用域 属于局部变量
const num = 10
}
console.log(num) //此处报错 函数外部不能使用局部作用域变量

总结：

1. 函数内部声明的变量，在函数外部无法被访问

2. 函数的参数也是函数内部的局部变量

3. 不同函数内部声明的变量无法互相访问

4. 函数执行完毕后，函数内部的变量实际被清空了

块作用域：

在 JavaScript 中 使用 { } 包裹的 代码称为代码块，代码块内部声明的变量外部将【有可能】无法被访问

for(let i = 1; i <= 6; i++){//i 只能在代码块中被访问console.log(i)  //正常
}
//超出了i 的作用域
console.log(i)  //报错

总结：

1. let const 声明的变量会产生块作用域，var 不会产生块作用域

2. 不同代码块之间的变量无法互相访问

3. 推荐使用 let 或 const

全局作用域

全局作用域中声明的变量，任何其它作用域都可以被访问

<script>
//全局作用域
const num = 10
function fn(){
//函数内部可以使用全局作用域的变量
consoLe.log(num)  //10
}
</script>

注意：

1. 为 window 对象动态添加的属性默认也是全局的，不推荐！

2. 函数中未使用任何关键字声明的变量为全局变量，不推荐！

3. 尽可能少的声明全局变量，防止全局变量被污染

作用域链

<script>//全局作用域let a = 1let b = 2//局部作用域function f() {let a = 1// 局部作用域function g() {a = 2console.log(a)}g()}f()</script>

作用域链本质上是底层的变量查找机制。

在函数被执行时，会优先查找当前函数作用域中查找变量

如果当前作用域查找不到则会依次逐级查找父级作用域直到全局作用域

总结：

1. 嵌套关系的作用域串联起来形成了作用域链

2. 相同作用域链中按着从小到大的规则查找变量

3. 子作用域能够访问父作用域，父级作用域无法访问子级作用域

JS垃圾回收制（GC）

JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收

内存泄漏：不再用到的内存，没有及时释放

内存的生命周期

1. 内存分配：当我们声明变量、函数、对象的时候，系统会自动为他们分配内存

2. 内存使用：即读写内存，也就是使用变量、函数等

3. 内存回收：使用完毕，由垃圾回收自动回收不再使用的内存

4. 说明：

全局变量一般不会回收(关闭页面回收)；

一般情况下局部变量的值, 不用了, 会被自动回收掉

//为变量分配内存
const age = 18
//为对象分配内存
const obj = { age:19
}
//为函数分配内存
function fn() {const age = 18console.log(age)
}

堆栈空间分配区别：

1. 栈（操作系统）: 由操作系统自动分配释放函数的参数值、局部变量等，基本数据类型放到栈里面

2. 堆（操作系统）: 一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。复杂数据类型放到堆里面

引用计数（不再使用）

IE采用的引用计数算法, 定义“ 内存不再使用 ”，就是看一个对象是否有指向它的引用，没有引用了就回收对象

算法：

1. 跟踪记录被引用的次数

2. 如果被引用了一次，那么就记录次数1,多次引用会累加 ++

3. 如果减少一个引用就减1 --

4. 如果引用次数是 0 ，则释放内存

嵌套引用 （循环引用）

如果两个对象相互引用，尽管他们已不再使用，垃圾回收器不会进行回收，导致内存泄露

标记清除法

现代的浏览器已经不再使用引用计数算法了

现代浏览器通用的大多是基于标记清除算法的某些改进算法，总体思想都是一致的

核心：

1. 标记清除算法将“不再使用的对象”定义为“ 无法达到的对象 ”。

2. 就是从根部（在JS中就是全局对象）出发定时扫描内存中的对象。凡是能从根部到达的对象，都是还需要使用的。

3. 那些无法由根部出发触及到的对象被标记为不再使用，稍后进行回收

闭包

概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域

简单理解： 闭包 = 内层函数 + 外层函数的变量

function outer() {
//外层函数的变量const a = 1//内层函数
function f() {console.log(a)
}
f()
}
outer()

可以通过控制台打断点，查看是否存在闭包

闭包作用：封闭数据，提供操作，外部也可以访问函数内部的变量

闭包的基本格式:

//简约写法
function outer() {let i = 1return function() {console.log(i)}
}
const fun = outer()
fun()
//外层函数使用内层函数的变量

闭包应用：实现数据的私有

比如，我们要做个统计函数调用次数，函数调用一次，就++

function fn() {let count = 1function fun() {count++console.log(`函数被调用${count}次`)
}
return fun
}
const result = fn()
result() //2
result() //3

闭包很有用，因为它允许将函数与其所操作的某些数据（环境）关联起来,但

闭包可能引起内存泄漏等问题

变量提升

变量提升是 JavaScript 中比较“奇怪”的现象，它允许在变量声明之前即被访问（仅存在于var声明变量）

注意：

1. 变量在未声明即被访问时会报语法错误

2. 变量在var声明之前即被访问，变量的值为 undefined

3. let/const 声明的变量不存在变量提升

4. 变量提升出现在相同作用域当中

5. 实际开发中推荐先声明再访问变量

变量提升是什么流程？

先把var 变量提升到当前作用域于最前面
只提升变量声明，不提升变量赋值
然后依次执行代码

javascript-es6 （一）

作用域（scope） 规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问局部作用域函数作用域： 在函数内部声明的变量只能在函数内部被访问，外部无法直接访问 function getSum(){ //函数内部是函数作用…...

编程日记 2025/5/20 9:14:55

uni-app 程序打包 Android apk、安卓夜神模拟器调试运行

1、打包思路云端打包方案（每天免费次数限制5，最简单，可以先打包尝试一下你的程序打包后是否能用）： HBuilderX 发行App-Android云打包选择Android、使用云端证书、快速安心打包本地打包： HBuilderX …...

编程日记 2025/5/20 8:54:27

yolov11 解读简记

1 文章详细介绍了YOLOv11的架构设计，包括以下几个关键组件： C3k2块：这是YOLOv11引入的一种新型卷积块，替代了之前版本中的C2f块。C3k2块通过使用两个较小的卷积核代替一个大的卷积核，提高了计算效率，同时保…...

编程日记 2025/5/19 18:24:31

CommonAPI学习笔记-1

CommonAPI学习笔记-1 一. 整体结构 CommonAPI分为两层：核心层和绑定层，使用了Franca来描述服务接口的定义和部署，而Franca是一个用于定义和转换接口的框架（https://franca.github.io/franca/）。核心层和通信中间…...

编程日记 2025/5/20 8:48:26

从入门到精通：RabbitMQ的深度探索与实战应用

目录一、RabbitMQ 初相识二、基础概念速览 （一）消息队列是什么 （二）RabbitMQ 核心组件三、RabbitMQ 基本使用 （一）安装与环境搭建 （二）简单示例 （三）…...

编程日记 2025/5/20 8:06:38

深入理解若依RuoYi-Vue数据字典设计与实现

深入理解若依数据字典设计与实现一、Vue2版本主要文件目录组件目录src/components：数据字典组件、字典标签组件工具目录src/utils：字典工具类 store目录src/store：字典数据 main.js：字典数据初始化页面使用字典例子&#xf…...

编程日记 2025/5/20 9:02:55

Cursor 帮你写一个小程序

Cursor注册地址首先下载客户端点击链接下载 1 打开微信开发者工具创建一个小程序项目选择TS-基础模版官方 2 然后使用Cursor打开小程序创建的项目 3 在CHAT聊天框输入自己的需求比如小程序功能描述：吃什么助手项目名称： 吃什么小程序功能目标…...

编程日记 2025/5/20 7:46:39

进程控制的学习

目录 1.进程创建 1.1 fork函数 1.2 fork函数返回值 1.3 写时拷贝 1.4 fork 常规用法 1.5 fork 调用失败的原因 2. 进程终止 2.1 进程退出场景 2.2 进程常见退出方法 2.2.1 从main 返回 2.2.2 echo $？ 查看进程退出码 2.2.2.1 我们如何得到退出码代表的含…...

编程日记 2025/5/18 12:26:06

一文讲解Java中的接口和抽象类

抽象类和接口有什么区别？ 一个类只能继承一个抽象类；但一个类可以实现多个接口。所以我们在新建线程类的时候，一般推荐使用Runnable接口的方式，这样线程类还可以继承其他类，而不单单是Thread类；抽象类符合…...

编程日记 2025/5/19 8:28:51

Vue 3 30天精进之旅：Day 05 - 事件处理

引言在前几天的学习中，我们探讨了Vue实例、计算属性和侦听器。这些概念为我们搭建了Vue应用的基础。今天，我们将专注于事件处理，这是交互式Web应用的核心部分。通过学习如何在Vue中处理事件，你将能够更好地与用户进行交互&#…...

编程日记 2025/5/20 7:48:31

STM32完全学习——RT-thread在STM32F407上移植

一、写在前面关于源码的下载，以及在KEIL工程里面添加操作系统的源代码，这里就不再赘述了。需要注意的是RT-thread默认里面是会使用串口的，因此需要额外的进行串口的初始化，有些人可能会问，为什么不直接使用CubMAX直接…...

编程日记 2025/5/16 7:29:49

Shodan Dorks安装指南，通过Shodan搜索漏洞

Shodan Dorks是一种基于Shodan的工具，不知道Shodan是什么的不必阅读下面的内容。简单的说就是，利用预定义的查询（dorks），通过Shodan轻松搜索漏洞和机密信息。推荐渗透测试人员自行测试。安装方法： 1.确…...

编程日记 2025/5/20 8:35:25

poi版本 5.2.0 方法1：使用XWPFFieldRun（推荐） 比如打开当前相对路径的aaaaa.docx XWPFFieldRun run paragraph.createFieldRun();CTRPr ctrPr run.getCTR().addNewRPr();CTFonts font ctrPr.addNewRFonts();// 设置字体font.setAscii(&quo…...

编程日记 2025/5/20 8:10:28

Linux查看服务器的内外网地址

目录： 1、内网地址2、外网地址3、ping时显示地址与真实不一致 1、内网地址 ifconfig2、外网地址 curl ifconfig.me3、ping时显示地址与真实不一致原因是dns缓存导致的，ping这种方法也是不准确的，有弊端不建议使用，只适用于测试…...

编程日记 2025/5/18 10:20:35

OAuth1和OAuth2授权协议

OAuth 1 授权协议 1. 概述 OAuth1 是 OAuth 标准的第一个正式版本，它通过签名和令牌的方式，实现用户授权第三方访问其资源的功能。在 OAuth1 中，安全性依赖于签名机制，无需传递用户密码。 2. 核心特性使用签名&#xff08…...

编程日记 2025/5/19 23:16:08

DeepSeek学术题目选择效果怎么样？

论文选题一篇出色的论文背后，必定有一个“智慧的选题”在撑腰。选题足够好文章就能顺利登上高水平期刊；选题不行再精彩的写作也只能“当花瓶”。然而许多宝子们常常忽视这个环节，把大量时间花在写作上，选题时却像抓阄一样随便挑一…...

编程日记 2025/5/10 8:15:56

数据结构(一)顺序表和链表

目录 1. 时间复杂度和空间复杂度 2. 顺序表 3. 链表 1. 时间复杂度和空间复杂度如何估算一个算法的效率高低一般就是使用到时间复杂度和空间复杂度; 时间复杂度是评价一个算法运行快慢的, 而空间复杂度是算法额外需要空间大小. 1.1 时间复杂度的计算: 准确来说时间复杂度是…...

编程日记 2025/5/14 21:24:19

单相可控整流电路——单相桥式全控整流电路

以下是关于单相桥式整流电路的介绍： 电路构成（带阻性负载的工作情况） - 二极管：是电路0的核心元件，通常采用四个同型号或根据需求选择不同型号的二极管，如1N4001、1N4007等，如图Vt1和Vt4是一对…...

编程日记 2025/5/15 8:20:58

DeepSeek-R1：性能对标 OpenAI，开源助力 AI 生态发展

DeepSeek-R1：性能对标 OpenAI，开源助力 AI 生态发展在人工智能领域，大模型的竞争一直备受关注。最近，DeepSeek 团队发布了 DeepSeek-R1 模型，并开源了模型权重，这一举动无疑为 AI 领域带来了新的活力。今…...

编程日记 2025/5/15 0:45:21

【Maui】提示消息的扩展

文章目录前言一、问题描述二、解决方案三、软件开发（源码）3.1 消息扩展库3.2 消息提示框使用3.3 错误消息提示使用3.4 问题选择框使用四、项目展示前言 .NET 多平台应用 UI (.NET MAUI) 是一个跨平台框架，用于使用 C# 和 XAML 创建本机移…...

编程日记 2025/5/20 8:41:27

001 mybatis入门

文章目录 mybatis是什么ORM是什么ORM框架和MyBatis的区别#{}和${}的区别编码流程UserDaoImpl.javaUserDao.javaUser.javadb.propertiesSqlMapConfig.xmlUserMapper.xmlMybatisTest.javapom.xmluser.sql 表现层 SpringMVC 业务层 Spring 持久层 Mybatis https://mybatis.org/myb…...

编程日记 2025/5/18 17:53:23

tomcat的accept-count、max-connections、max-threads三个参数的含义

tomcat的accept-count、max-connections、max-threads三个参数的含义 tomcat的accept-count、max-connections、max-threads三个参数的含义 max-connections：最大连接数最大连接数是指，同一时刻，能够连接的最大请求数需要注意的是&#x…...

编程日记 2025/5/15 2:23:03

8.2 从看图识字到智能解读：GPT-4 with Vision 开启多模态 AI 新纪元

从看图识字到智能解读：GPT-4 with Vision 开启多模态 AI 新纪元引言：AI 的多模态跃迁随着人工智能技术的快速发展，我们正迈入一个新的智能交互时代。传统的 AI 模型主要聚焦于文本处理，而多模态 AI 模型如 GPT-4 with Vision（GPT-4V）则能够同时处理图像和文本。GPT-4…...

编程日记 2025/5/19 19:57:52

.strip()用法

.strip("") 是 Python 字符串方法 strip() 的一个用法，它会去除字符串两端指定字符集中的字符。基本语法： string.strip([chars])string: 这是你要操作的字符串。chars: 可选参数，表示你想要去除的字符集（默认为空格…...

编程日记 2025/5/19 21:00:35

蓝桥杯例题三

无论前方困难如何重重，我们都要坚定信念，勇往直前。面对挑战和困境，不要退缩，不要放弃，要坚持走下去。当我们感到疲惫时，要告诉自己：“我可以，我一定行！”相信自己的实力…...

编程日记 2025/5/20 8:33:22

关于pygame窗口输入法状态异常切换现象的分析报告

一、问题描述 1.1 需求说明我们准备使用Pygame开发一个键盘输入测试程序，需要确保输入时窗口始终处于英文输入模式，也就是禁止中文输入； 1.2 现象描述控制台种显示，程序在初始化时，会有两次IMM状态切换操作&…...

编程日记 2025/5/18 0:11:35

【JavaEE进阶】应用分层

目录 🎋序言 🍃什么是应用分层 🎍为什么需要应用分层 🍀如何分层(三层架构) 🎄MVC和三层架构的区别和联系 🌳什么是高内聚低耦合 🎋序言通过上⾯的练习,我们学习了SpringMVC简单功能的开…...

编程日记 2025/5/17 9:54:24

两数相加：链表操作的基础与扩展

两数相加：链表操作的基础与扩展引言链表（Linked List）是一种灵活且高效的数据结构，特别适用于动态增删操作。无论是初学者还是资深程序员，链表的基本操作都是算法学习中的重要一环。而 “两数相加” 问题则是链表操…...

编程日记 2025/5/16 3:09:46

ChatGPT从数据分析到内容写作建议相关的46个提示词分享！

在当今快节奏的学术环境中，研究人员面临着海量的信息和复杂的研究任务。幸运的是，随着人工智能技术的发展，像ChatGPT这样的先进工具为科研人员提供了强大的支持。今天就让我们一起探索如何利用ChatGPT提升研究效率进一步优化研究流程。 ChatG…...

编程日记 2025/5/19 4:02:52

解析“in the wild”——编程和生活中的俚语妙用

解析“in the wild”——编程和生活中的俚语妙用看下面的技术文章中遇到 in the wild这个词，想要研究一下，遂产生此文。 Are there ever pointers to pointers to pointers? There is an old programming joke which says you can rate C programmers…...

编程日记 2025/5/19 21:11:08

rocketmq原理源码分析之控制器模式- dledger

简介 RocketMQ 4.5 版本之前，RocketMQ 的broker是 Master/Slave部署架构，一组 broker 有一个 Master ，有0到若干Slave，Slave复制Master消息存储，随时替代下线的Master。Master/Slave部署架构提供一定的高可用性&#x…...

编程日记 2025/5/20 4:56:48

Hello Moto

“Hello Moto” 是摩托罗拉（Motorola）的一句经典广告口号，用于推广其品牌和产品，特别是在手机领域。以下是它的含义和背景： 1. 品牌宣传的标志性语句直白含义：简单地向摩托罗拉打招呼（“Hell…...

编程日记 2025/5/18 21:19:42

存储基础 -- SCSI命令格式与使用场景

SCSI命令格式与使用场景 1. SCSI命令描述符块（CDB） 1.1 CDB基本概念 SCSI命令通过**命令描述符块（CDB, Command Descriptor Block）**表示。 CDB长度：SCSI命令根据使用场景有不同长度的CDB，常见的有6字节…...

编程日记 2025/5/16 17:21:33

ceph基本概念，架构，部署（一）

一、分布式存储概述 1.存储分类存储分为封闭系统的存储和开放系统的存储，而对于开放系统的存储又被分为内置存储和外挂存储。外挂存储又被细分为直连式存储(DAS)和网络存储(FAS)，而网络存储又被细分网络接入存储(NAS)和存储区域网络(SAN)等。 DAS(D…...

编程日记 2025/5/16 22:37:39

CNN-GRU卷积门控循环单元时间序列预测（Matlab完整源码和数据）

CNN-GRU卷积门控循环单元时间序列预测（Matlab完整源码和数据） 目录 CNN-GRU卷积门控循环单元时间序列预测（Matlab完整源码和数据）预测效果基本介绍CNN-GRU卷积门控循环单元时间序列预测一、引言1.1、研究背景与意义1.2、研究现状1…...

编程日记 2025/5/15 17:38:16

Ubuntu 顶部状态栏配置，gnu扩展程序

顶部状态栏默认没有配置、隐藏的地方安装使用Hide Top Bar 或Just Perfection等进行配置 1 安装 sudo apt install gnome-shell-extension-manager2 打开安装的“扩展管理器” 3. 对顶部状态栏进行配置使用Hide Top Bar 智能隐藏，或者使用Just Perfection 直…...

编程日记 2025/5/16 21:05:05

React应用深度优化与调试实战指南

一、渲染性能优化进阶 1.1 精细化渲染控制 typescript 复制 // components/HeavyComponent.tsx import React, { memo, useMemo } from react;interface Item {id: string;complexData: {// 复杂嵌套结构}; }const HeavyComponent memo(({ items }: { items: Item[] }) &g…...

编程日记 2025/5/16 6:48:56

Spring中的事件和事件监听器是如何工作的？

目录一、事件（Event） 二、事件发布器（Event Publisher） 三、事件监听器（Event Listener） 四、使用场景五、总结以下是关于Spring中的事件和事件监听器的介绍与使用说明，结合了使用场景&…...

编程日记 2025/5/18 7:11:56

Vue.js组件开发-实现多个文件附件压缩下载

在 Vue 项目中实现多个附件压缩下载，可以借助 jszip 库来创建压缩文件，以及 file-saver 库来保存生成的压缩文件。步骤 1：安装依赖首先，在 Vue 项目中安装 jszip 和 file-saver： npm install jszip file-saver步骤…...

编程日记 2025/5/12 13:28:26

基于dlib/face recognition人脸识别推拉流实现

目录一.环境搭建二.推拉流代码三.人脸检测推拉流一.环境搭建 1.下载RTSP服务器MediaMTX与FFmpeg FFmpeg是一款功能强大的开源多媒体处理工具，而MediaMTX则是一个轻量级的流媒体服务器。两者结合，可以实现将本地视频或者实时摄像头画面推送到RTSP流，从而实现视频…...

编程日记 2025/5/15 11:44:30

qt QNetworkRequest详解

1、概述 QNetworkRequest是Qt网络模块中的一个核心类，专门用于处理网络请求。它封装了网络请求的所有关键信息，包括请求的URL、HTTP头部信息等，使得开发者能够方便地在Qt应用程序中执行网络操作，如文件下载、网页内容获取等。QNe…...

编程日记 2025/5/6 16:33:09

uvm timeout的哪些事

如下图所示，设置timeout并未生效，原因多了一个空格，坑进一步分析，默认是overidable的是否加括号呢，如下所示，这两个造型都可以，中间有空格也行那么，我加上单位可以吗，…...

编程日记 2025/5/10 8:02:24

JavaScript赋能智能网页设计

构建AI驱动的实时风格迁移系统案例概述本案例将实现一个基于深度学习的实时图像风格迁移系统，通过浏览器端神经网络推理实现以下高级特性： WebAssembly加速的ONNX模型推理 WebGL Shader实现的风格混合算法 WebRTC实时视频流处理基于Web Workers的…...

编程日记 2025/5/19 5:07:05

全面了解 Web3 AIGC 和 AI Agent 的创新先锋 MelodAI

不管是在传统领域还是 Crypto，AI 都是公认的最有前景的赛道。随着数字内容需求的爆炸式增长和技术的快速迭代，Web3 AIGC（AI生成内容）和 AI Agent（人工智能代理）正成为两大关键赛道。 AIGC 通过 AI 技术生成…...

编程日记 2025/5/15 10:00:40

leetcode_链表 234.回文链表

234.回文链表给你一个单链表的头节点head，请你判断该链表是否为回文链表。如果是, 返回 true ; 否则, 返回false。思路： 找到中间节点(快慢指针法)反转后半部分的链表比较前半部分和后半部分链表 # Definition for singly-linked list. # class List…...

编程日记 2025/5/20 8:03:33

cloc下载和使用

cloc（Count Lines of Code）是一个跨平台的命令行工具，用于计算代码行数。以下是下载和使用 cloc 的步骤： 下载 cloc 对于 Windows 用户： 访问 cloc 的 GitHub 仓库：https://github.com/AlDanial/cloc在 …...

编程日记 2025/5/18 8:43:17

在 Windows 系统上，将 Ubuntu 从 C 盘迁移到 D 盘

在 Windows 系统上，如果你使用的是 WSL（Windows Subsystem for Linux）并安装了 Ubuntu，你可以将 Ubuntu 从 C 盘迁移到 D 盘。迁移过程涉及导出当前的 Ubuntu 发行版，然后将其导入到 D 盘的目标目录。以下是详细的步骤…...

编程日记 2025/5/15 18:37:01

【Redis】Redis入门以及什么是分布式系统{Redis引入+分布式系统介绍}

文章目录介绍redis的引入分布式系统单机架构应用服务和数据库服务分离【负载均衡】引入更多的应用服务器节点单机架构分布式是什么数据库分离和负载均衡理解负载均衡数据库读写分离引入缓存数据库分库分表引入微服务介绍 The open source, in-memory data store us…...

编程日记 2025/5/16 17:29:50

wow-agent---task4 MetaGPT初体验

先说坑： 1.使用git clone模式安装metagpt 2.模型尽量使用在线模型或本地高参数模型。这里使用python3.10.11调试成功一，安装安装 | MetaGPT，参考这里的以开发模型进行安装 git clone https://github.com/geekan/MetaGPT.git cd /you…...

编程日记 2025/5/13 23:09:37

Leetcode::3432. 统计元素和差值为偶数的分区方案

3432. 统计元素和差值为偶数的分区方案已解答简单相关企业提示给你一个长度为 n 的整数数组 nums 。分区是指将数组按照下标 i （0 < i < n - 1）划分成两个非空子数组，其中： 左子数组包含区间 [0, i] 内的所…...

编程日记 2025/5/19 14:16:20