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

JavaScript 基础【快速掌握知识点】

news 2026/5/22 5:23:34

 

目录

为什么要学JavaScript?

什么是JavaScript 

特点：

组成：

 JavaScript的基本结构

基本结构

内部引用

外部引用

console对象进行输出

JavaScript核心语法 

1、变量声明

2、数据类型 

3、运算符 

4、条件语句 

5、循环语句 

6、数组 

7、对象 

JavaScript有两种注释方式

单行注释

多行注释

为什么要学JavaScript?

表单验证－减轻服务器端压力

什么是JavaScript 

是一种基于对象和事件驱动的、并具有安全性能的脚本语言

特点：

向HTML页面中添加交互行为 脚本语言，语法和Java类似 解释性语言，边执行边解释 

组成：

 JavaScript的基本结构

基本结构

<script type="text/javascript" > //指定文本使用的语言类别//  JavaScript 语句;
</script >

内部引用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript的基本结构</title>
</head>
<body><script type="text/javascript"> document.write("你好，JavaScript");//向页面输可以包含HTML标签的内容</script>
</body>
</html>

<script></script>可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存

外部引用

<!DOCTYPE html>
<html><head><title>My HTML Page</title><script src="path/to/myScript.js">//外部引用 </script></head><body></body>
</html>

使用<script>标签将JavaScript文件链接到HTML页面中，src属性指定了JavaScript文件的路径，可以是相对路径或绝对路径。

console对象进行输出

1、console.log()：输出信息到控制台，常用于调试和测试。

console.log("Hello World"); // 输出 "Hello World"

2、console.error()：输出错误信息到控制台，常用于捕获和调试错误。 

console.error("Something went wrong!"); // 输出错误信息

3、 console.warn()：输出警告信息到控制台，常用于提醒和警示。

console.warn("This action cannot be undone!"); // 输出警告信息

JavaScript核心语法 

1、变量声明

在JavaScript中，您可以使用关键字 var、let 或 const 来声明变量。其中，var 关键字是旧的声明方式，而 let 和 const 是 ES6 中引入的新声明方式。

var a = 1;
let b = 2;
const c = 3;

2、数据类型 

JavaScript中的数据类型有七种：字符串（String）、数字（Number）、布尔（Boolean）、null、undefined、对象（Object）和 Symbol。

var name = "John";
var age = 25;
var isStudent = true;
var person = {name: "John",age: 25
};
var car = null;
var test;

3、运算符 

JavaScript中的运算符包括算术运算符、比较运算符、逻辑运算符等。其中，算术运算符用于执行算术操作，比较运算符用于比较两个值，逻辑运算符用于组合和比较布尔值。

var x = 5;
var y = 3;
var z = x + y; // 算术运算符
var isGreater = x > y; // 比较运算符
var isTrue = x > 3 && y < 5; // 逻辑运算符

4、条件语句 

条件语句用于根据条件执行不同的代码块。JavaScript中的条件语句有 if 语句、else if 语句和 switch 语句。

var x = 10;
if (x > 5) {console.log("x is greater than 5");
} else {console.log("x is less than or equal to 5");
}var color = "blue";
switch (color) {case "red":console.log("color is red");break;case "blue":console.log("color is blue");break;default:console.log("color is not red or blue");
}

5、循环语句 

循环语句用于多次执行相同的代码块。JavaScript中的循环语句有 for 循环、while 循环和 do...while 循环。

for (var i = 0; i < 5; i++) {console.log(i);
}var j = 0;
while (j < 5) {console.log(j);j++;
}var k = 0;
do {console.log(k);k++;
} while (k < 5);

6、数组 

数组是一种存储多个值的数据结构，JavaScript中的数组可以存储不同类型的数据，其语法如下：

var arrayName = [item1, item2, ...];

var fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // 输出 "apple"

7、对象 

对象是一种数据结构，用于存储键值对，其中键是字符串，值可以是任何数据类型。对象可以通过点号或方括号访问其属性，其语法如下：

var objectName = {property1: value1,property2: value2,...
};

var person = {name: "John",age: 25,isStudent: true
};console.log(person.name); // 输出 "John"
console.log(person["age"]); // 输出 25

JavaScript有两种注释方式

在JavaScript中，注释是一种用于添加说明和描述的文本，它不会被JavaScript解释器执行，也不会影响程序的运行。

单行注释

单行注释以 // 开始，直到行末结束。例如：

// 这是一条单行注释

多行注释

多行注释以 /* 开始，以 */ 结束。例如：

/*
这是一条多行注释
可以跨越多行
*/

相关文章：

JavaScript 基础【快速掌握知识点】

目录 为什么要学JavaScript? 什么是JavaScript 特点&#xff1a; 组成&#xff1a; JavaScript的基本结构 基本结构 内部引用 外部引用 console对象进行输出 JavaScript核心语法 1、变量声明 2、数据类型 3、运算符 4、条件语句 5、循环语句 6、数组 7…...

编程日记 2023/5/4 6:18:10

基于Frenet优化轨迹的⾃动驾驶动作规划⽅法

动作规划&#xff08;Motion Control&#xff09;在⾃动驾驶汽⻋规划模块的最底层&#xff0c;它负责根据当前配置和⽬标配置⽣成⼀序列的动作&#xff0c;本⽂介绍⼀种基于Frenet坐标系的优化轨迹动作规划⽅法&#xff0c;该⽅法在⾼速情况下的ACC辅助驾驶和⽆⼈驾驶都具有较强…...

编程日记 2023/5/5 10:10:13

Spring(入门)

1. 什么是spring&#xff0c;它能够做什么?2. 什么是控制反转(或依赖注入)3. AOP的关键概念4. 示例 4.1 创建工程4.2 pom文件4.3 spring配置文件4.4 示例代码 4.4.1 示例14.4.2 示例2 &#xff08;abstract&#xff0c;parent示例&#xff09;4.4.3 使用有参数构造方法创建jav…...

编程日记 2023/5/3 7:09:25

2023-02-25力扣每日一题

链接&#xff1a; https://leetcode.cn/problems/minimum-swaps-to-make-strings-equal/ 题意&#xff1a; 给定字符串s1,s2&#xff0c;仅由x,y组成 每次可以在两边各挑一个字符交换 求让s1等于s2的最小步骤 解&#xff1a; 1000啊1000&#xff0c;双指针贪一下就过了 …...

编程日记 2023/5/10 7:05:10

如何外网登录管理云通信短信网关平台？——快解析映射方案

云通信&#xff08;Cloud Communications &#xff09;是基于云计算商业模式应用的通信平台服务&#xff0c;简单易用,满足企业一键群发场景,支持多种语言SDK和API 接入。各个通信平台软件都集中在云端&#xff0c;且互通兼容&#xff0c;用户只要登录云通信平台&#xff0c;不…...

编程日记 2023/5/6 18:52:49

学习 Python 之 Pygame 开发魂斗罗（三）

学习 Python 之 Pygame 开发魂斗罗&#xff08;三&#xff09;继续编写魂斗罗1. 角色站立2. 角色移动3. 角色跳跃4. 角色下落继续编写魂斗罗 在上次的博客学习 Python 之 Pygame 开发魂斗罗&#xff08;二&#xff09;中&#xff0c;我们完成了角色的创建和更新&#xff0c;现…...

编程日记 2023/5/10 6:35:58

【华为OD机试模拟题】用 C++ 实现 - 最多获得的短信条数（2023.Q1）

最近更新的博客 【华为OD机试模拟题】用 C++ 实现 - 分积木（2023.Q1） 【华为OD机试模拟题】用 C++ 实现 - 吃火锅（2023.Q1） 【华为OD机试模拟题】用 C++ 实现 - RSA 加密算法（2023.Q1） 【华为OD机试模拟题】用 C++ 实现 - 构成的正方形数量（2023.Q1） 【华为OD机试模拟…...

编程日记 2023/5/6 18:54:34

linux系统加exfat驱动

u盘假如是fat格式不支持大于4G文件&#xff0c;所以一般u盘用exfat格式&#xff0c;兼容性更好 有的老linux没支持exfat格式&#xff0c;那就自己装个驱动吧 sudo apt-get install exfat-fuse exfat-utils 有一台fedora27需要yum安装&#xff0c;国外源比较慢&#xff0c;改…...

编程日记 2023/5/9 15:38:58

3,预初始化(一）(大象无形9.2)

正如书中所说&#xff0c;预初始化流程由FEngineLoop::PreInit()所实现 主要处理流程 1&#xff0c;设置路径&#xff1a;当前程序路径&#xff0c;当前工作目录路径&#xff0c;游戏的工程路径 2,设置标准输出&#xff1a;设置GLog系统输出的设备&#xff0c;是输出到命令行…...

编程日记 2023/5/9 2:10:34

【PAT甲级题解记录】1013 Battle Over Cities (25 分)

【PAT甲级题解记录】1013 Battle Over Cities (25 分) 前言 Problem&#xff1a;1013 Battle Over Cities (25 分) Tags&#xff1a;DFS 连通图 Difficulty&#xff1a;剧情模式 想流点汗 想流点血 死而无憾 Address&#xff1a;1013 Battle Over Cities (25 分) 问题描述 给…...

编程日记 2023/5/2 4:31:08

CSS-关键帧动画

animation和transition的区别 相同点：都是随时间改变元素的属性值 不同点：transition需要触发一个时间（hover或者click事件）才会随时间改变其css属性；而animation在不需要触发任何事件的情况下也是可以显示的随时间变化来改变元素的css属性值，从而达到一种动画的效果，cs…...

编程日记 2023/5/10 1:23:04

Allegro如何画Photoplot_Outline操作指导

Allegro如何画Photoplot_Outline操作指导 在用Allegro进行PCB设计的时候，最后进行光绘输出前，Photoplot_Outline是必备一个图形，所有在Photoplot_Outline中的图形将被输出，Photoplot_Outline以外的图形都将不被输出。 如何绘制Photoplot_Outline，具体操作如下 点击Shape点…...

编程日记 2023/5/5 9:49:32

ChatGPT对于普通人有什么机会和影响？

ChatGPT爆火“出圈”&#xff0c;短短三个月里&#xff0c;势如破竹。 月活已经达到1亿&#xff0c;什么概念呢&#xff1f;Tiktok在海外达到1亿月活用了将近9个月时间&#xff0c;Instagram用了大约2年半&#xff0c;就连比尔盖茨都表示“Web3没那么重要&#xff0c;元宇宙没…...

编程日记 2023/5/4 22:38:24

【人工智能 AI】可以从 RPA 中受益的 10 个行业 10 Industries That Can Benefit From RPA

目录 RPA技术介绍 Which industries can use robotic process automation?哪些行业可以使用机器人过程自动化？ Robotic process automation in the retail industry零售业中的机器人过程自动化 Robotic process automation in the construction industry建筑行业的机器人…...

编程日记 2023/4/30 13:12:52

PHP 程序如何实现加密解密？

PHP 中有很多加密和解密的函数可用&#xff0c;以下是一些常用的加密解密方式和函数&#xff1a;对称加密&#xff1a;对称加密是一种加密方式&#xff0c;使用同一个密钥加密和解密数据。PHP 中可用的对称加密算法包括 AES、DES、3DES 等。以下是一些常用的对称加密函数&#…...

编程日记 2023/5/6 11:08:19

使用IDEA社区版如何创建SpringBoot项目？

Spring Boot 就是 Spring 框架的脚⼿架&#xff0c;它就是为了快速开发 Spring 框架⽽诞⽣的。首先谈谈SpringBoot的优点&#xff1a;1.快速集成框架&#xff0c;Spring Boot 提供了启动添加依赖的功能&#xff0c;⽤于秒级集成各种框架。 2.内置运⾏容器&#xff0c;⽆需配置 …...

编程日记 2023/5/10 1:40:52

HTML、CSS学习笔记3（平面转换：位移、旋转、缩放，渐变）

1.平面转换 使用 transform 属性实现元素的位移、旋转、缩放等效果 2D转换 2D转换是改变标签在二维平面上的位置和形状 移动&#xff1a;translate 旋转&#xff1a;rotate 缩放&#xff1a;scale 1.1位移translate translate语法 x就是X轴上水平移动&#xff0c;正向为右…...

编程日记 2023/5/5 14:13:47

【C语言经典例题】打印菱形

目录 一、题目要求 二、解题思路 上半部分三角形 打印空格 打印星号* 下半部分三角形 打印空格 打印星号* 三、完整代码 代码 运行截图&#xff1a; 一、题目要求 输入一个整数n&#xff08;n为奇数&#xff09;&#xff0c;n为菱形的高&#xff0c;打印出该菱形 例&a…...

编程日记 2023/4/29 2:31:31

easyExcel与poi版本不兼容导致的后台报错问题

1、背景&#xff1a;最新接手公司系统excel导入解析模块&#xff0c;点击批量导入&#xff0c;后台报错如下 com.alibaba.excel.exception.ExcelAnalysisException: java.lang.NoClassDefFoundError: org/apache/poi/poifs/filesystem/FileMagicat com.alibaba.excel.analysis.…...

编程日记 2023/5/5 0:49:58

Fiddler报文分析-断点应用、模拟网络限速-HTTPS的 拦截

目录 一、报文分析 Statistics 请求性能数据 检查器&#xff08;Inspectors&#xff09; 自定义响应&#xff08;AutoResponder&#xff09; Composer Composer的功能就是用来创建HTTP Request然后发送请求。 允许自定义请求发送到服务器&#xff0c;即可以手动创建一个新…...

编程日记 2023/5/5 0:07:30

都在喊难，它却狂赚！深度扒开长鑫科技底牌：什么才是决定生死的产业势？

2026年的商业世界&#xff0c;正在经历一场冰火两重天的考验。 一边&#xff0c;是无数传统企业在需求萎缩、价格内卷的泥潭里苦苦挣扎&#xff0c;老板们每天为了几毛钱的利润拼得头破血流&#xff1b;而另一边&#xff0c;一份堪称“核弹级”的财报&#xff0c;直接炸翻了整个…...

编程新知 2026/5/22 3:04:36

Promptfoo的搭建与测试，2026-0521成功版很简单

可能写的有点粗糙&#xff0c;但是我搞通了&#xff0c;有不懂的可以问我&#xff0c;懒得再更新了 其实我也是520当天搭建好的&#xff0c;现在的教程也不多&#xff0c;我就搜了搜&#xff0c;没什么具体的步骤&#xff0c;我想用windows感觉更方便一点但是一直不行各种版本…...

编程新知 2026/5/22 2:53:30

离散几何拓扑数论（终稿·全定义完整版一）

离散几何拓扑数论&#xff08;终稿全定义完整版&#xff09; 作者&#xff1a;乖乖数学 日期&#xff1a;2026 年 5 月 21 日 体系&#xff1a;离散几何拓扑数论&#xff08; Discrete Geometric Topological Number Theory&#xff09;...

编程新知 2026/5/22 1:09:31

企业盈利密码，商业模式必读经典书籍推荐

很多人一提到“商业模式”&#xff0c;脑子里马上会想到诸如盈利、流量、融资、裂变、风口等一类的关键词。但真正问一句&#xff1a;“商业模式到底是什么&#xff1f;”往往又说不清。有人把商业模式理解成赚钱的方法&#xff1b;有人觉得是营销套路&#xff1b;还有人认为只…...

编程新知 2026/5/21 21:50:55

武汉大学等高校联手揭露AI助手的“记忆盲区“:它们真的记得你吗？

这项由武汉大学、香港中文大学和香港科技大学联合开展的研究以预印本形式于2026年5月发表&#xff0c;论文编号为arXiv:2605.06527&#xff0c;有兴趣深入了解的读者可以通过该编号查询完整论文。你有没有试过这样一件事&#xff1a;你和手机里的AI助手聊了很久&#xff0c;告诉…...

编程新知 2026/5/21 21:36:01

Taotoken平台Token Plan套餐如何帮助控制每日大赛项目成本

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Taotoken平台Token Plan套餐如何帮助控制每日大赛项目成本 1. 项目背景与成本挑战 在AI应用开发中&#xff0c;尤其是像“每日大赛…...

编程新知 2026/5/21 21:27:52

AI写作辅助网站的使用规范：如何让AI生成内容通过严格学术审查

"论文写到一半卡住了&#xff0c;还能不能用AI&#xff1f;""AI生成的内容会被查出来吗&#xff1f;""学校不让用AI&#xff0c;但不靠它我真的写不完&#xff01;"2026年的毕业季&#xff0c;论文写作的焦虑比往年更甚。面对日益严格的学术审查…...

编程新知 2026/5/21 21:07:57

收藏 | LangChain vs LlamaIndex：大模型应用开发框架深度解析，小白也能轻松入门！

本文深入对比了LangChain和LlamaIndex两大框架的核心定位、功能模块及适用场景。LangChain是一个通用的LLM应用编排框架&#xff0c;通过LangGraph支持复杂Agent流程&#xff1b;LlamaIndex则专注于数据索引和检索&#xff0c;提供丰富的数据连接器和索引类型。文章还介绍了如何…...

编程新知 2026/5/21 19:40:25

多账号流量内容运营的数据归因与ROI优化：从经验驱动到算法决策的技术转型

&#x1f4cc; 当一个团队同时运营20个以上的新媒体账号时&#xff0c;最大的问题不是"怎么发"&#xff0c;而是"发了之后怎么知道哪条有用"。本文从数据工程角度&#xff0c;拆解多账号流量内容矩阵如何通过数据归因模型实现ROI优化&#xff0c;以星链引擎…...

编程新知 2026/5/21 19:29:55

利用Taotoken模型广场为不同AI应用场景挑选最合适的模型

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 利用Taotoken模型广场为不同AI应用场景挑选最合适的模型 在构建AI驱动的应用时&#xff0c;一个常见的挑战是如何为不同的功能模块…...

编程新知 2026/5/21 19:21:26