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

[前端开发] JavaScript基础知识 [上]

news 2026/5/19 6:47:16

下篇：JavaScript基础知识 [下]

JavaScript基础知识 [上]

    • 引言
    • 语句、标识符和变量
    • JavaScript引入
    • 注释与输出
    • 数据类型
    • 运算符
    • 条件语句与循环语句

引言

JavaScript是一种广泛应用于网页开发的脚本语言，具有重要的前端开发和部分后端开发的应用。通过JavaScript，可以实现网页的交互、动态效果和数据处理等功能。

语句、标识符和变量

  • 语句：JavaScript程序的基本单位

    • Javascript 程序的运行单位是行, 一般一行就是一条语句.
      var num = 1;//这里利用var定义一个名叫num的变量
      • 语句要用 ; 结尾

  • 标识符：命名规则和注意事项

    • 是指识别各种值的合法名称, 最常见的标识符是变量名
    • 标识符由 字母 美元符号$ 下划线_ 和 数字 组成, 其中数字不能开头
    • 虽然中文也是合法标识符但是不推荐使用
    • Javascript 中有一些保留字, 这些不能作为标识符.

  • 变量：声明、赋值和使用方法

    • 用 var 关键字来声明变量

JavaScript引入

  • 嵌入到HTML文件中

    • 在 .html 文件下的 <body></body> 中创建 <script></script> 在里面写代码.
    <!--这个是html文件-->
<body><script>var num = 10;</script>
</body>

  • 创建.js文件并独立引入

    • 单独创建 .js 文件, 再在 .html文件中进行引入
    <!--在html中如何引入js文件-->
<body><script type="text/javascript" src="./jsfile.js"></script>
</body>

  • 引入网络来源文件的方法

  • 嵌入到 HTML 文件中

    <!--在html中如何引用网络来源文件-->
<body><script src="http://xxx.xxx.com/xxxfile.js"></script>
</body>

注释与输出

  • 注释：单行注释、多行注释、HTML和CSS中的注释

    • 单行注释: //注释内容
    • 多行注释:
      /*
这些
都是
注释
内容
*/
    • 在HTML中的注释是用 <!--这是注释内容--> 来进行注释的
    • 在CSS 中注释是用 /*注释内容*/ 来进行注释的

  • 注释快捷键：ctrl + / (按一下注释, 再按一下解除)

  • 输出方式：alert、document.write和console.log的使用方法

    //方式一: 在页面中弹出框里显示
alert("要输入的内容"); //alert是把要输出的内容先转换为字符串,然后在弹出框中显示//方式二: 直接展示在页面中
document.write("输出到页面的内容")//有点类似于标签//方式三: 在控制台中的console中查看
console.log("在控制台中打印的内容")

数据类型

  • 基本数据类型：数值、字符串、布尔值、null和undefined

    //数值/数字类型
var num = 10;//字符串类型: 被双引号或者单引号包裹的值
var name = "m"
var name2 = 'n'//布尔类型: true|false 计算机是由 0 和 1 组成, 0代表false, 1代表true
var istrue = true;

  • 合成类型(复合类型)：对象的创建和使用

    • 一个对象往往由多个原始类型的值合成
      //合成类型(复合类型)
var student = {name: "xiaoming",age: 18,learn: true
}

  • 使用typeof判断基本数据类型

    • 数值返回 number
      typeof 100 //数值返回 `number`
    • 字符串返回 string
      typeof '100'//字符串返回 `string`
    • 布尔值返回 boolean
      typeof true//布尔值返回 `boolean`
    • 对象返回 object (数组也会返回这个)
      typeof {name: "xiaoming",age: 18,learn: true}
//布尔值返回 `object`

运算符

  • 算术运算符：加减乘除、自增自减和取余
    • 自增 ++
      • x++:会先返回变量x操作前的值,再对变量x进行自增
      • ++x:会先对变量x进行自增,再返回变量x操作前的值
    • 自减 --
      • x--:会先返回变量x操作前的值,再对变量x进行自减
      • --x:会先对变量x进行自减,再返回变量x操作前的值
  • 赋值运算符：=、+=、-=、*=、/=、%=
  • 比较运算符：<、>、<=、>=、==、===、!=、!==
    • 双等 ‘==’ 不管类型,只看值是否相等
    • 三等 ‘===’ 在比较的时候要看类型, 值相同但类型不同也不满足

条件语句与循环语句

  • 条件语句：if语句、switch语句、三元运算符的用法
    • 三元运算符
      (条件) ? 表达式1 : 表达式2
      • 如果条件满足则执行表达式1, 不满足则执行表达式2
  • 循环语句：for循环、while循环、do…while循环

相关文章：

[前端开发] JavaScript基础知识 [上]

下篇&#xff1a;JavaScript基础知识 [下] JavaScript基础知识 [上] 引言语句、标识符和变量JavaScript引入注释与输出数据类型运算符条件语句与循环语句 引言 JavaScript是一种广泛应用于网页开发的脚本语言&#xff0c;具有重要的前端开发和部分后端开发的应用。通过JavaSc…...

编程日记 2024/2/16 18:03:38

初识Qt | 从安装到编写Hello World程序

文章目录 1.前端开发简单分类2.Qt的简单介绍3.Qt的安装和环境配置4.创建简单的Qt项目 1.前端开发简单分类 前端开发&#xff0c;这里是一个广义的概念&#xff0c;不单指网页开发&#xff0c;它的常见分类 网页开发&#xff1a;前端开发的主要领域&#xff0c;使用HTML、CSS …...

编程日记 2024/2/16 17:57:32

机器学习：过拟合和欠拟合的介绍与解决方法

过拟合和欠拟合的表现和解决方法。 其实除了欠拟合和过拟合&#xff0c;还有一种是适度拟合&#xff0c;适度拟合就是我们模型训练想要达到的状态&#xff0c;不过适度拟合这个词平时真的好少见。 过拟合 过拟合的表现 模型在训练集上的表现非常好&#xff0c;但是在测试集…...

编程日记 2024/2/16 17:56:31

变分自编码器（VAE）PyTorch Lightning 实现

✅作者简介&#xff1a;人工智能专业本科在读&#xff0c;喜欢计算机与编程&#xff0c;写博客记录自己的学习历程。 &#x1f34e;个人主页&#xff1a;小嗷犬的个人主页 &#x1f34a;个人网站&#xff1a;小嗷犬的技术小站 &#x1f96d;个人信条&#xff1a;为天地立心&…...

编程日记 2024/2/16 17:55:31

设备驱动开发_1

可加载模块如何工作的 主要内容 描述可加载模块优势使用模块命令效率使用和定义模块密钥和模块工作1 描述可加载模块优势 开发周期优势： 静态模块在/boot下的vmlinuz中，需要配置、编译、重启。 开发周期长。 LKM 不需要重启。 开发周期优于静态模块。 2 使用模块命令效率…...

编程日记 2024/2/16 17:52:27

C语言位域（Bit Fields）知识点精要解析

在C语言中&#xff0c;位域&#xff08;Bit Field&#xff09;是一种独特的数据结构特性&#xff0c;它允许程序员在结构体&#xff08;struct&#xff09;中定义成员变量&#xff0c;并精确指定其占用的位数。通过使用位域&#xff0c;我们可以更高效地利用存储空间&#xff0…...

编程日记 2024/2/16 17:51:26

离散数学——图论（笔记及思维导图）

离散数学——图论&#xff08;笔记及思维导图&#xff09; 目录 大纲 内容 参考 大纲 内容 参考 笔记来自【电子科大】离散数学 王丽杰...

编程日记 2024/2/16 17:49:22

opencv图像像素的读写操作

void QuickDemo::pixel_visit_demo(Mat & image) {int w image.cols;//宽度int h image.rows;//高度int dims image.channels();//通道数 图像为灰度dims等于一 图像为彩色时dims等于三 for (int row 0; row < h; row) {for (int col 0; col < w; col) {if…...

编程日记 2024/2/16 17:47:20

Java学习第十四节之冒泡排序

冒泡排序 package array;import java.util.Arrays;//冒泡排序 //1.比较数组中&#xff0c;两个相邻的元素&#xff0c;如果第一个数比第二个数大&#xff0c;我们就交换他们的位置 //2.每一次比较&#xff0c;都会产生出一个最大&#xff0c;或者最小的数字 //3.下一轮则可以少…...

编程日记 2024/2/16 17:44:16

第1章 计算机网络体系结构-1.1计算机网络概述

1.1.1计算机网络概念 计算机网络是将一个分散的&#xff0c;具有独立功能的计算机系统通过通信设备与路线连接起来&#xff0c;由功能完善的软件实现资源共享和信息传递的系统。(计算机网络就是一些互连的&#xff0c;自治的计算机系统的集合) 1.1.2计算机网络的组成 从不同角…...

编程日记 2024/2/16 17:43:16

蓝桥杯：C++排序

排序 排序和排列是算法题目常见的基本算法。几乎每次蓝桥杯软件类大赛都有题目会用到排序或排列。常见的排序算法如下。 第(3)种排序算法不是基于比较的&#xff0c;而是对数值按位划分&#xff0c;按照以空间换取时间的思路来排序。看起来它们的复杂度更好&#xff0c;但实际…...

编程日记 2024/2/16 17:36:08

数据结构－堆

1.容器 容器用于容纳元素集合&#xff0c;并对元素集合进行管理和维护&#xff0e; 传统意义上的管理和维护就是&#xff1a;增&#xff0c;删&#xff0c;改&#xff0c;查&#xff0e; 我们分析每种类型容器时&#xff0c;主要分析其增&#xff0c;删&#xff0c;改&#xff…...

编程日记 2024/2/16 17:33:04

奔跑吧小恐龙（Java）

前言 Google浏览器内含了一个小彩蛋当没有网络连接时&#xff0c;浏览器会弹出一个小恐龙&#xff0c;当我们点击它时游戏就会开始进行&#xff0c;大家也可以玩一下试试&#xff0c;网址&#xff1a;恐龙快跑 - 霸王龙游戏. (ur1.fun) 今天我们也可以用Java来简单的实现一下这…...

编程日记 2024/2/16 17:27:58

Ubuntu 1804 And Above Coredump Settings

查看 coredump 是否开启 # 查询&#xff0c; 0 未开启&#xff0c; unlimited 开启 xiaoUbuntu:/var/core$ ulimit -c 0# 开启 xiaoUbuntu:/var/core$ ulimit -c unlimited查看 coredump 保存路径 默认情况下&#xff0c;Ubuntu 使用 apport 服务处理 coredump 文件&#xff…...

编程日记 2024/2/16 17:16:47

docker 2：安装

docker 2&#xff1a;安装 ‍ ubuntu 安装 docker sudo apt install docker.io‍ 把当前用户放进 docker 用户组&#xff0c;避免每次运行 docker 命都要使用 sudo​ 或者 root​ 权限。 sudo usermod -aG docker $USER​id $USER ​看到用户已加入 docker 组 ​​ ‍ …...

编程日记 2024/2/16 17:15:46

LeetCode Python - 19.删除链表的倒数第N个结点

目录 题目答案运行结果 题目 给你一个链表&#xff0c;删除链表的倒数第 n 个结点&#xff0c;并且返回链表的头结点。 示例 1&#xff1a; 输入&#xff1a;head [1,2,3,4,5], n 2 输出&#xff1a;[1,2,3,5] 示例 2&#xff1a; 输入&#xff1a;head [1], n 1 输出&a…...

编程日记 2024/2/16 17:11:43

Spring Boot 笔记 005 环境搭建

1.1 创建数据库和表&#xff08;略&#xff09; 2.1 创建Maven工程 2.2 补齐resource文件夹和application.yml文件 2.3 porn.xml中引入web,mybatis,mysql等依赖 2.3.1 引入springboot parent 2.3.2 删除junit 依赖--不能删&#xff0c;删了会报错 2.3.3 引入spring web依赖…...

编程日记 2024/2/16 17:06:36

【解决（几乎）任何机器学习问题】：超参数优化篇（超详细）

这篇文章相当长&#xff0c;您可以添加至收藏夹&#xff0c;以便在后续有空时候悠闲地阅读。 有了优秀的模型&#xff0c;就有了优化超参数以获得最佳得分模型的难题。那么&#xff0c;什么是超参数优化呢&#xff1f;假设您的机器学习项⽬有⼀个简单的流程。有⼀个数据集&…...

编程日记 2024/2/16 17:04:35

面试计算机网络框架八股文十问十答第七期

面试计算机网络框架八股文十问十答第七期 作者&#xff1a;程序员小白条&#xff0c;个人博客 相信看了本文后&#xff0c;对你的面试是有一定帮助的&#xff01;关注专栏后就能收到持续更新&#xff01; ⭐点赞⭐收藏⭐不迷路&#xff01;⭐ 1&#xff09;UDP协议为什么不可…...

编程日记 2024/2/16 17:02:32

Codeforces Round 926 (Div. 2)

A. Sasha and the Beautiful Array&#xff08;模拟&#xff09; 思路 最大值减去最小值 #include<iostream> #include<algorithm> using namespace std; const int N 110; int a[N];int main(){int t, n;cin>>t;while(t--){cin>>n;for(int i 0; i…...

编程日记 2024/2/16 16:56:27

别再手动拖元件了！Cadence Allegro SPB17.4的Room功能，让你的PCB布局效率翻倍

别再手动拖元件了&#xff01;Cadence Allegro SPB17.4的Room功能&#xff0c;让你的PCB布局效率翻倍 面对包含数十个子电路的新项目&#xff0c;传统PCB布局方式往往让人陷入"元件海洋"的困境。工程师们不得不花费大量时间在杂乱无章的元件堆中寻找目标器件&#xf…...

编程新知 2026/5/19 6:14:17

Taotoken模型广场选型功能在实际开发中的使用感受

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Taotoken模型广场选型功能在实际开发中的使用感受 1. 选型起点&#xff1a;从分散查询到集中浏览 在接入大模型进行功能开发时&am…...

编程新知 2026/5/19 6:05:44

YOLOv8改进策略【卷积层】| TGRS2024 小波变换特征分解器（WTFD）双频互补提精度 + 轻量分解保空间[特殊字符]

一、本文介绍 本文记录的是利用WTFD小波变换特征分解器优化YOLOv8的目标检测网络模型。 WTFD（小波变换特征分解器）通过Haar小波变换双迭代分解与分通道轻量化特征映射结合，为纯空间域分割网络引入互补的频域特征分支。本文利用WTFD模块，先通过点卷积增强输入空间特征的非…...

编程新知 2026/5/19 4:06:26

事件相机技术原理与应用全解析

1. 事件相机技术概述事件相机&#xff08;Event Camera&#xff09;是一种革命性的视觉传感器&#xff0c;它彻底改变了传统相机的图像采集方式。与普通相机不同&#xff0c;事件相机不会以固定帧率捕获完整的图像帧&#xff0c;而是异步检测每个像素的亮度变化。当某个像素位置…...

编程新知 2026/5/19 3:42:40

GTA5线上小助手：5大核心功能让你的洛圣都冒险更轻松高效

GTA5线上小助手&#xff1a;5大核心功能让你的洛圣都冒险更轻松高效 【免费下载链接】GTA5OnlineTools GTA5线上小助手 项目地址: https://gitcode.com/gh_mirrors/gt/GTA5OnlineTools 还在为GTA5线上模式中繁琐的任务和漫长的游戏进程感到困扰吗&#xff1f;GTA5线上小…...

编程新知 2026/5/19 3:23:43

iPhone/iPad移动端CircuitPython嵌入式开发实战指南

1. 项目概述&#xff1a;当嵌入式开发遇上移动生产力作为一名在嵌入式硬件和创客领域折腾了十多年的老玩家&#xff0c;我经历过各种开发环境的变迁。从早年抱着一台厚重的笔记本电脑在实验室里调试&#xff0c;到后来用树莓派做便携式开发机&#xff0c;我一直希望能有一种更轻…...

编程新知 2026/5/19 3:17:28

热敏电阻测温实战：从原理到Arduino/CircuitPython代码实现

1. 项目概述&#xff1a;从电阻到温度的桥梁在嵌入式开发和电子DIY项目中&#xff0c;温度测量是一个极其常见的需求。无论是环境监测、设备状态反馈&#xff0c;还是简单的温控风扇&#xff0c;你都需要一个可靠的“温度计”。市面上有琳琅满目的温度传感器&#xff0c;从数字…...

编程新知 2026/5/19 2:25:12

python系列【仅供参考】；避开这些坑，你的Python爬虫才能稳定爬取IEEE Xplore（含反爬策略与MongoDB存储实战）

避开这些坑，你的Python爬虫才能稳定爬取IEEE Xplore（含反爬策略与MongoDB存储实战） 避开这些坑，你的Python爬虫才能稳定爬取IEEE Xplore（含反爬策略与MongoDB存储实战）---------------------避开这些坑，你的Python爬虫才能稳定爬取IEEE Xplore（含反爬策略与MongoDB存储…...

编程新知 2026/5/19 1:19:32

Redis分布式锁进阶第六十八篇

一、本篇前置衔接 第六十八篇我们完成了全系列终局复盘&#xff0c;整理了故障排查SOP与企业级落地铁律。常规单资源锁、热点分片锁、隔离锁全部讲透&#xff0c;但真实复杂业务永远不是单一资源&#xff1a;下单要扣库存、扣优惠券、扣积分、冻结余额&#xff0c;多资源并行争…...

编程新知 2026/5/19 1:13:18

AI应用开发框架nuwax：从快速构建到生产部署全解析

1. 项目概述&#xff1a;一个AI驱动的开源应用框架 最近在开源社区里&#xff0c;我注意到一个名为 nuwax-ai/nuwax 的项目开始受到一些关注。乍一看这个标题&#xff0c;它像是一个GitHub仓库的地址&#xff0c;由 nuwax-ai 这个组织或用户创建&#xff0c;项目名称为 nu…...

编程新知 2026/5/19 0:24:24