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

初识javascript

news 来源：原创 2025/8/3 17:27:03

1. JavaScript 基础语法

(1) 变量声明

JavaScript支持三种声明变量的方式：

var：传统的变量声明方式，存在作用域问题（函数作用域）。
let：块级作用域变量声明方式，避免了var的作用域问题。
const：常量声明，声明后不能修改其值，具备块级作用域。

var name = "John";  // 使用 var 声明
let age = 25;       // 使用 let 声明
const isStudent = true;  // 使用 const 声明

(2) 数据类型

JavaScript有6种基本数据类型：

Primitive Types：string、number、boolean、undefined、null、symbol（ES6新增）
Reference Types：Object、Array、Function、Date等

let name = "John";  // string
let age = 25;       // number
let isStudent = true;  // boolean
let person = { name: "John", age: 25 };  // object
let numbers = [1, 2, 3];  // array

(3) 类型转换

JavaScript会进行隐式或显式的类型转换。

隐式转换：例如 "" + 1 会返回 "1"，即数字1被转换成字符串。
显式转换：使用 String()、Number()、Boolean() 等函数进行类型转换。

let num = 5;
let str = String(num);  // 转换为字符串 "5"
let bool = Boolean(num); // 转换为布尔值 true

2. 控制流

(1) 条件语句

JavaScript支持常见的条件语句：

if、else、else if
switch：用于多个条件判断时更简洁。

let age = 18;
if (age >= 18) {console.log("Adult");
} else {console.log("Minor");
}let color = "red";
switch(color) {case "red":console.log("Red color");break;case "blue":console.log("Blue color");break;default:console.log("Unknown color");
}

(2) 循环语句

JavaScript提供几种循环方式来处理重复执行的任务：

for：用于知道循环次数时。
while：在循环条件满足时继续执行。
do...while：至少执行一次循环体。

// for 循环
for (let i = 0; i < 5; i++) {console.log(i);  // 输出 0 到 4
}// while 循环
let i = 0;
while (i < 5) {console.log(i);i++;
}// do...while 循环
let j = 0;
do {console.log(j);j++;
} while (j < 5);

3. 函数

(1) 函数声明

JavaScript中的函数声明语法如下：

function greet(name) {return "Hello, " + name;
}
console.log(greet("John"));  // 输出 "Hello, John"

(2) 匿名函数

可以创建没有名称的函数，通常与变量一起使用，或者作为回调传递：

let add = function(a, b) {return a + b;
};
console.log(add(5, 10));  // 输出 15

(3) 箭头函数 (Arrow Functions)

ES6新增的语法，使得函数写法更加简洁，同时保留了外部this的上下文。

const multiply = (a, b) => a * b;
console.log(multiply(3, 4));  // 输出 12

(4) 高阶函数

函数可以作为参数传递给另一个函数，或者作为返回值返回。JavaScript中的许多内建函数如map()、filter()、reduce()等都属于高阶函数。

let numbers = [1, 2, 3, 4];
let doubled = numbers.map(x => x * 2);  // 高阶函数的例子
console.log(doubled);  // 输出 [2, 4, 6, 8]

4. 对象和数组

(1) 对象 (Object)

对象是JavaScript中最常用的数据结构之一，用于存储键值对。

let person = {name: "John",age: 30,greet: function() {return "Hello " + this.name;}
};
console.log(person.name);  // 输出 "John"
console.log(person.greet());  // 输出 "Hello John"

(2) 数组 (Array)

数组是一个有序的元素集合，可以是任意类型的数据。

let fruits = ["apple", "banana", "cherry"];
console.log(fruits[0]);  // 输出 "apple"
fruits.push("orange");   // 向数组添加元素
console.log(fruits);  // 输出 ["apple", "banana", "cherry", "orange"]

5. 事件处理

JavaScript允许开发者监听和处理用户的交互事件（如点击、键盘输入、鼠标移动等）。

<button id="clickBtn">Click Me</button>
<script>
document.getElementById("clickBtn").addEventListener("click", function() {alert("Button clicked!");
});
</script>

addEventListener() 用于绑定事件处理器。
removeEventListener() 用于移除事件处理器。

6. 异步编程

JavaScript是单线程的，这意味着它一次只能做一件事。不过，可以通过异步编程实现并发行为。

(1) 回调函数

回调函数是异步操作完成时调用的函数。

function fetchData(callback) {setTimeout(() => {console.log("Data fetched");callback();}, 1000);
}fetchData(() => {console.log("Callback executed");
});

(2) Promise

Promise 是JavaScript中用于处理异步操作的标准化方式。

let promise = new Promise((resolve, reject) => {let success = true;if (success) {resolve("Success!");} else {reject("Failed!");}
});promise.then(result => {console.log(result);  // 输出 "Success!"
}).catch(error => {console.log(error);   // 输出 "Failed!"
});

(3) async/await

async/await 是基于 Promise 的语法糖，它让异步代码看起来像同步代码。

async function fetchData() {let result = await new Promise((resolve, reject) => {setTimeout(() => resolve("Data fetched"), 1000);});console.log(result);  // 输出 "Data fetched"
}fetchData();

7. DOM操作

JavaScript可以通过DOM（文档对象模型）操作HTML文档内容、结构和样式。

(1) 选择元素

let element = document.getElementById("myElement");  // 通过ID选择
let elements = document.getElementsByClassName("myClass");  // 通过类名选择
let allDivs = document.querySelectorAll("div");  // 通过CSS选择器选择

(2) 修改元素

element.innerHTML = "New Content";  // 修改内容
element.style.color = "blue";  // 修改样式

(3) 创建元素

let newDiv = document.createElement("div");
newDiv.textContent = "This is a new div!";
document.body.appendChild(newDiv);  // 将新元素添加到页面

8. ES6新特性

(1) 解构赋值

let person = { name: "John", age: 30 };
let { name, age } = person;  // 解构赋值
console.log(name);  // 输出 "John"
console.log(age);   // 输出 30

(2) 模块化

ES6支持模块化，可以使用export和import来导出和导入模块。

// math.js
export function add(x, y) {return x + y;
}// main.js
import { add } from './math.js';

初识javascript

1. JavaScript 基础语法 (1) 变量声明 JavaScript支持三种声明变量的方式： var：传统的变量声明方式，存在作用域问题（函数作用域）。 let：块级作用域变量声明方式，避免了var的作用域问题。 co…...

编程日记 2025/8/3 17:27:03

C++项目 —— 基于多设计模式下的同步异步日志系统（5）（单例模式）

C项目 —— 基于多设计模式下的同步&异步日志系统（5）（单例模式） 一个问题单例模式实现1. 单例模式：全局唯一实例功能：实现细节：作用： 2. 日志器的注册与查找功能：实现…...

编程日记 2025/8/3 17:27:01

rag搭建，是如何进行向量匹配检索的？

RAG 里为什么要“向量检索”？在 Retrieval-Augmented Generation (RAG) 中，我们的目标是让 LLM 能够“回答它本身不知道的内容”。做法是：将知识（文本）进行向量化，存入向量数据库；用户提问后，也将问题向量化；去数据库里找出与这个问题最相似的一批知识，返回喂给 …...

编程日记 2025/8/2 16:51:06

k8s 基础入门篇之开启 firewalld

前面在部署k8s时，都是直接关闭的防火墙。由于生产环境需要开启防火墙，只能放行一些特定的端口， 简单记录一下过程。 1. firewall 与 iptables 的关系 1.1 防火墙（Firewall） 定义： 防火墙是网络安全系统&…...

编程日记 2025/8/3 17:21:33

C++在VR/AR图形处理开发中的实战应用

🧑 博主简介：CSDN博客专家、CSDN平台优质创作者，高级开发工程师，数学专业，10年以上C/C, C#, Java等多种编程语言开发经验，拥有高级工程师证书；擅长C/C、C#等开发语言，熟悉Java常用开…...

编程日记 2025/7/29 6:14:17

Matlab 基于模型参考自适应法和SVPWM的异步电机控制

1、内容简介 Matlab 212-基于模型参考自适应法和SVPWM的异步电机控制可以交流、咨询、答疑 2、内容说明略 3、仿真分析略 4、参考论文略...

编程日记 2025/7/29 7:19:58

深入浅出讲解UDP检验中如何计算检验和

一、计算机中的进制：二进制与十六进制 1. 十进制（Decimal） 特点：用0-9表示，逢10进1。例子：数字 123 表示 110221013100110221013100。 2. 二进制（Binary） 特点：用0和…...

编程日记 2025/8/2 22:10:39

Python类和对象一（十）

封装： 在创建对象之前，通过类将相关的属性和方法打包到一起，然后通过类来生成响应的对象定义类： 创建对象： 方法里面有个参数self：new的对象当我们调用类里面方法的时候，py是怎么知道是哪…...

编程日记 2025/8/3 17:27:02

jupyter切换存储路径

一、问题描述当我采用官网提供的安装方式pip install jupyterlab，在Windows下的powershell里安装jupyterlab成功，并启动：jupyter lab 打开网页：http://localhost:8888/lab 显示如下：成功了，可是我发现这…...

编程日记 2025/7/28 23:28:44

PH热榜 | 2025-04-20

1. Checklist GG 标语：基于人工智能的清单管理工具介绍：checklist.gg 是一款基于人工智能的检查清单管理工具，旨在帮助组织确保每次都能准确完成任务。产品网站： 立即访问 Product Hunt： View on Product Hunt 关…...

编程日记 2025/8/2 9:35:01

YOLOv11改进——基于注意力机制和密集小目标增强型EVA模块的设计与实现

随着计算机视觉技术的快速发展，目标检测算法在实时性与检测精度间的平衡成为研究重点。YOLO（You Only Look Once）系列算法以其高效性和准确性，长期占据实时目标检测领域的前沿位置。然而，尽管最新版本在通用场景表现优…...

编程日记 2025/8/3 17:24:23

n8n 中文系列教程_04.半开放节点深度解析：Code与HTTP Request高阶用法指南

在低代码开发领域，n8n凭借其独特的半开放架构打破了传统自动化工具的边界。本文深度剖析两大核心节点——Code与HTTP Request，从底层原理到企业级实战，揭秘如何通过代码自由扩展与API无缝集成，突破平台限制。无论是对接国产生态&a…...

编程日记 2025/8/3 1:23:00

Linux学习——了解和熟悉Linux系统的远程终端登录

Linux学习——了解和熟悉Linux系统的远程终端登录一.配置Ubuntu系统的网络和用户 1、设置虚拟机网络为桥接模式打开VMWare，选择编辑虚拟机设置，在网络适配器设置中，选择“桥接模式”，保存设置并启动Ubuntu。 2、配置Ubuntu的…...

编程日记 2025/8/3 17:24:22

PFLM: Privacy-preserving federated learning with membership proof证明阅读

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目…...

编程日记 2025/8/3 17:27:02

十倍开发效率 - IDEA插件之 Maven Helper

0X00 先看效果第一个选项表示存在冲突的依赖，可以看到图片中 mysql 的连接依赖发生了冲突，在低版本的上面直接右键选择 Exclude，冲突的依赖就被解决掉了。 0X01 安装在 Plugins 中直接搜索 Maven Helper，选择第一个进行安装&am…...

编程日记 2025/8/2 22:20:16

线程安全总结

1.线程安全 1.1什么是线程安全线程安全问题指的是当多个线程同时访问和操作共享资源（如变量、数据结构等）时，由于缺乏有效的同步控制，导致程序出现不可预期的错误或数据不一致的现象。其核心在于并发操作破坏了程序的正确性。 …...

编程日记 2025/8/2 21:30:35

计算机视觉cv入门之答题卡自动批阅

前边我们已经讲解了使用cv2进行图像预处理与边缘检测等方面的知识，这里我们以答题卡自动批阅这一案例来实操一下。大致思路答题卡自动批阅的大致流程可以分为这五步：图像预处理-寻找考试信息区域与涂卡区域-考生信息区域OCR识别-涂卡区域填涂答案判断…...

编程日记 2025/7/29 8:20:06

10.QT-显示类控件|LCD Number|ProgressBar|Calendar Widget(C++)

LCD Number QLCDNumer 是⼀个专⻔⽤来显⽰数字的控件.类似于"⽼式计算器"的效果属性说明intValueQLCDNumber 显⽰的数字值(int).valueQLCDNumber 显⽰的数字值(double).和intValue是联动的.例如给value设为1.5,intValue的值就是2.另外,设置value和intValue的⽅法名…...

编程日记 2025/7/29 14:33:24

深入探索 Unix 与 Linux：历史、内核及发行版

引言在当今的计算世界中，Unix 和 Linux 操作系统的影响力无处不在。从驱动互联网的服务器到我们口袋里的智能手机，再到无数嵌入式设备，它们的身影随处可见 1。这两个操作系统家族共享着丰富的历史和相似的设计哲学，但又各自走过…...

编程日记 2025/7/29 9:45:25

HCIP第三次作业

一、实验要求 1，R5为ISP，其上只能配置IP地址;R4作为企业边界路由器， 出口公网地址需要通过PPP协议获取，并进行chap认证 2整个0SPF环境IP基于172.16.0.0/16划分; 3所有设备均可访问R5的环回; 4减少LSA的更新量，加快收敛…...

编程日记 2025/7/31 1:42:56

Linux 入门：基础开发工具（下）git，cgdb操作指南

目录一.进度条一）.补充：回车与换行二）.行缓冲区三）.进度条代码二.版本控制器Git 一）.Git 安装与配置二）.创建仓库三）.开始操作 1.简单流程 2.配置公钥 1）.身份…...

编程日记 2025/7/30 14:59:21

【上位机——MFC】消息映射机制

消息映射机制 Window消息分类消息映射机制的使用代码示例 MFC框架利用消息映射机制把消息、命令与它们的处理函数映射起来。具体实现方法是在每个能接收和处理消息的类中，定义一个消息和消息函数指针对照表，即消息映射表。在不重写WindowProc虚函数的大…...

编程日记 2025/7/29 9:45:19

提交bug单时，应该说明哪些信息？

在提交 Bug 单时，为了让开发人员能够快速定位和解决问题，需要详细说明以下几方面信息： Bug 的基本信息标题：简洁明了地概括 Bug 的主要问题，例如 “登录页面输入错误密码后提示信息不准确”。Bug 类型：明确…...

编程日记 2025/8/3 5:06:57

max31865典型电路

PT100读取有很多种方案，常用的惠斯通电桥，和专用IC max31865 。电阻温度检测器(RTD)是一种阻值随温度变化的电阻。铂是最常见、精度最高的测温金属丝材料。铂RTD称为PT-RTD，镍、铜和其它金属亦可用来制造RTD。RTD具有较宽的测温范围&#x…...

编程日记 2025/8/1 1:58:56

【网工第6版】第4章无线通信网

目录 ■ 移动通信与4G 5G技术 ▲ 移动通信发展 ▲ 移动通信制式 ▲ 移动通信技术标准 ▲ 4G标准 ▲ 4G关键技术 ◎ OFDMA ◎ 4G关键技术-MIMO ◎ 4G关键技术-SDR ◎ 4G关键技术-VolP ▲ 5G应用场景 ▲ 5G两种组网模式 ▲ 5G关键技术 ■ CDMA计算 ■ WLAN通信技术…...

编程日记 2025/7/30 14:38:23

图论基础：图存+记忆化搜索

图的储存储存图有很多种方式，在此介绍两种：邻接数组，邻接表第一种虽然简单，但访问的时间和空间花销过大，因此第二种最为常见。让我们分别看看它们是什么在介绍之前，我们先解释一下此处说的“图”是什…...

编程日记 2025/8/2 17:18:09

使用docker任意系统编译opengauss

使用docker任意系统编译opengauss 本人使用开发机器为ubuntu系统，不在官方推荐的编译系统内。但是不想为了开发opengauss重装系统。所以采用docker进行编译。代码拉取本人是在/home/yuyang/Documents/opengauss目录下进行操作。先获取源代码:git clone https:/…...

编程日记 2025/7/28 15:13:00

题目描述： <script>const num [1,2,3,4]const out (function(num,m,n){if(num.length ! m*n){return []}const newarr []for(let i 0;i<m;i){newarr.push(num.slice(i*n,(i1)*n))}return newarr})(num,2,2)console.log(out)</script>不使用Stri…...

编程日记 2025/7/29 9:45:05

C#进阶学习（八）常见的泛型数据结构类（3）SortedDictionary＜TKey, TValue＞与SortedList＜TKey, TValue＞

目录关于默认的排序可以看这篇文章的第二点中关于排序的部分： 一、SortedDictionary 1. 核心特性 2. 常用方法和属性二、SortedList 1. 核心特性 2. 常用方法和属性三、关于TryGetValue(TKey key, out TValue value) 方法的详细说明 （一&…...

编程日记 2025/8/2 20:03:36

运维侠职场日记9：用DeepSeek三天通关详解自动化操作pdf批量提取PDF文字将PDF转Word文档（附上脚本代码）

一. 痛点运维侠小白想将pdf文档转换成word文档，但是，wps等等这些软件的转换功能都是要付费，开通会员，这该怎么办？听说python也有这个功能于是迫不及待想学… 学会基础，学习的乐趣一点点积累基础学习成本低，掌握所需的技能要求也少，学会一两行代码，看着输出，心理慢…...

编程日记 2025/8/2 20:04:10

IDEA连接达梦数据库

1. 参考在IDEA中连接达梦数据库：详细配置指南_idea连接达梦数据库-CSDN博客 . jdbc:dm://127.0.0.1:5236?schemaSALES...

编程日记 2025/7/29 9:44:57

React Router V7使用详解

1，安装 React Router是React生态系统中最流行的路由解决方案，它允许开发者在单页应用的不同页面之间进行切换，而不需要重新加载整个页面，React Router与React框架深度集成，使得开发者在单页面应用中进行页面切换时变得轻而易举。作为官方推荐的路由解决方案，React Rou…...

编程日记 2025/7/29 9:44:55

国际数据加密算法（IDEA）详解

以下是修正后的准确版本，已解决原文中的术语、符号及技术细节问题：国际数据加密算法（IDEA） IDEA是一种分组加密算法，由Xuejia Lai（来学嘉）和James Massey于1990年设计。IDEA使用128位密钥对64位明文分组进行加密，经过8轮迭代运算后生成64位密文分组。其安全性基于…...

编程日记 2025/7/29 9:44:53

2025年4月19日-米哈游春招笔试题-第三题

📌 点击直达笔试专栏 👉《大厂笔试突围》 💻 春秋招笔试突围在线OJ 👉 笔试突围OJ 03. 魔法网格变换术问题描述在魔法学院，卢小姐正在研究一种特殊的魔法网格变换术。这种魔法作用于一个 n n n...

编程日记 2025/7/29 9:44:50

基于STM32串口通信

基于STM32串口通信一、串口简介串口，也称为串行接口或串行通信接口（通常指COM接口），是一种采用串行通信方式的扩展接口。它实现了数据一位一位地顺序传送，具有通信线路简单、成本低但传送速度慢的特点。只要一对传…...

编程日记 2025/7/29 9:44:48

即梦AI与可灵AI视频生成功能对比分分析

一、核心功能与特点对比维度可灵AI（快手旗下）即梦AI（字节跳动旗下）视频生成能力✅ 支持最长3分钟视频生成（通过续写功能）✅ 1080p分辨率、30fps帧率✅ 物理模拟（流体运动、重力效果&#xff0…...

编程日记 2025/8/3 1:55:06

【任务调度】Quartz入门

Quartz 入门代码仓库地址： GitHub：chenmeng-test-demos/demo8-task at master cmty256/chenmeng-test-demosGitee：demo8-task chenmeng/chenmeng-test-demos - 码云 - 开源中国基本介绍 Quartz 是一个开源的作业调度框架，它完…...

编程日记 2025/8/1 22:53:51

【网络编程】从零开始彻底了解网络编程(二)

本篇博客给大家带来的是网络编程的知识点,. 🐎文章专栏: JavaEE初阶 🚀若有问题评论区见 ❤ 欢迎大家点赞评论收藏分享如果你不知道分享给谁,那就分享给薯条. 你们的支持是我不断创作的动力 . 王子,公主请阅🚀 要开心要快乐顺便进步 1. …...

编程日记 2025/8/3 1:55:05

常见浏览器 WebDriver 驱动下载

以下是常见浏览器 WebDriver 驱动的下载地址及注意事项，综合多个可靠来源整理而成： 一、Chrome 浏览器（ChromeDriver） 官方下载地址 http://chromedriver.storage.googleapis.com/index.html • • 版本匹配：需与 Chro…...

编程日记 2025/7/31 11:21:13

【每日八股】复习计算机网络 Day3：TCP 协议的其他相关问题

文章目录昨日内容复习TCP 的四次挥手？TCP 为什么要四次挥手？在客户端处于 FIN_WAIT_2 状态时，如果此时收到了乱序的来自服务端的 FIN 报文，客户端会如何处理？何时进入 TIME_WAIT 状态？TCP 四次挥手丢了怎么…...

编程日记 2025/7/29 9:44:38

大模型在胆管结石（无胆管炎或胆囊炎）预测及治疗方案制定中的应用研究

目录一、引言 1.1 研究背景与意义 1.2 研究目的 1.3 国内外研究现状二、胆管结石相关理论基础 2.1 胆管结石概述 2.2 临床表现与诊断方法 2.3 传统治疗方法三、大模型技术原理与应用优势 3.1 大模型基本原理 3.2 在医疗领域的应用潜力 3.3 用于胆管结石预测的可…...

编程日记 2025/7/29 9:44:36

LeetCode第159题_至多包含两个不同字符的最长子串

LeetCode 第159题：至多包含两个不同字符的最长子串题目描述给定一个字符串 s，找出至多包含两个不同字符的最长子串 t，并返回该子串的长度。难度中等题目链接点击在LeetCode中查看题目示例示例 1： 输入: s &qu…...

编程日记 2025/7/30 19:15:11

PG CTE 递归 SQL 翻译为达梦版本

文章目录 PG SQLDM SQL总结 PG SQL with recursive result as (select res_id,phy_res_code,res_name from tbl_res where parent_res_id (select res_id from tbl_res where phy_res_code org96000#20211203155858) and res_type_id 1 union all select t1.res_id, t1.p…...

编程日记 2025/7/29 8:21:54

JavaScript 位掩码常量教程

JavaScript 位掩码常量教程位掩码（Bitmask）是一种高效使用内存的技术，在JavaScript中可以用来存储和操作多个布尔值标志。下面我将为您介绍位掩码的基本概念、应用场景以及实践示例。什么是位掩码常量？ 位掩码利用二进制位&a…...

编程日记 2025/8/2 19:47:50

Linux守护进程

一、相关概念 QQ邮箱关于三种协议的解释：SMTP/IMAP服务 1.SMTP协议 SMTP（Simple Mail Transfer Protocol，简单邮件传输协议）是一种用于发送电子邮件的互联网标准。它在TCP/IP协议族中，通常使用25端口进行通…...

编程日记 2025/8/1 18:18:35

Python多进程并发编程：深入理解Lock与Semaphore的实战应用与避坑指南

引言在多进程并发编程中，资源竞争问题如同“隐形炸弹”，稍有不慎就会导致数据不一致或程序崩溃。无论是银行转账的余额错误，还是火车票超卖，其根源都在于共享资源的无序访问。如何安全高效地管理这些资源？Python中的锁…...

编程日记 2025/8/3 1:35:26

mysql的5.7版本与8.0版本的差异与兼容性

MySQL 5.7 和 8.0 是两个重要的版本，它们在性能、功能、安全性等方面都有显著的改进，同时也存在一些兼容性问题。以下是具体的改进点和兼容性问题： 一、MySQL 8.0 的改进点性能提升优化器改进：MySQL 8.0 对查询优化器进行了重大…...

编程日记 2025/8/3 10:58:11

【Rust 精进之路之第4篇-数据基石·上】标量类型：整数、浮点数、布尔与字符的精妙之处

系列： Rust 精进之路：构建可靠、高效软件的底层逻辑作者：码觉客发布日期： 2025-04-20 引言：构成万物的“原子”——标量类型在上一篇文章【变量观】中，我们深入探讨了 Rust 如何通过 let、mut、const、static 和 Shadowing 来管理变量绑定，并理解了其背后对安全性…...

编程日记 2025/7/31 12:54:19