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

第2章 JavaScript语法

news 2025/7/13 2:38:45

准备工作

编写js需要准备一个编译器和游览器，js必须通过HTML/XHTML文档编写

js的编写位置

<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>...</script>
</head>

<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!--  外部引入js --><script src="./index.js"></script>		
</head>

<body>// 更为推荐的编写位置，这样能使浏览器更快地加载页面<script src="./index.js"></script>	
</body>

编程语言

程序设计语言分为解释型和编译型两大类
编译型语言需要一个编译器把语言编写出来的源代码翻译为直接在计算机上执行的文件。
解释型语言需要一个解释器，对于js而言游览器中的JavaScript解释器将直接读入源代码并执行
用编译型语言编写的代码有错误，这些错误在代码编译阶段就能被发现。而解释型语言代码中的错误只能等到解释器执行到有关代码时才能被发现。
与解释型语言相比，编译型语言往往速度更快，可移植性更好，但它们的学习曲线也往往相当陡峭。

语法

语句

只有按照正确的语法编写出来的语句才能得到正确的解释。

first statement;		// 语句最后最好加上;号

注解

注解不会被JavaScript解释器去解释并执行，注解是给程序员看的

// 		// 单行注解，快捷键ctrl+/
/* */   // 多行注解，快捷键alt+shift+a

变量

会变的事物叫做变量

a=10;	// 默认为var a=10
b=20;	// var b=20

声明变量

// 方式一
var a;
var b;// 方式二
var a，var b;

变量赋值

// 方式一
var a=10;
var b=20;// 方式二
var a=10，b=20;// 方式三
var a;
var b;
a=10;
b=20;

变量区分大小写，必须由下划线和数字(不能再开头)，字母组成，尽量遵循小驼峰命名法(首个字母小写后面大写)，变量不能和关键字重名

数据类型

必须声明数据类型的语言叫做强类型语言，不用声明的叫弱类型语言(js)
弱类型语言意味着程序员可以在任意时刻改变变量的类型

var str="123";	// 字符串类型
str=33			// 数值类型

1. 字符串

字符串可以用双引号和单引号声明
如果字符串中要用引号遵循外双内单，外单内双

var str1="aaa";
var str2='bbb';

2. 数值

var a=10;
var b=-10;
var c=10.3;

3. 布尔值

var flag1=true;
var flag2=false;

4. 数组

js的数组能够存储多个不同类型的数据
数组就是有序集合一般用数字表示索引

// 声明数组
var arr1=Array(4);	// 表示声明了一个长度为4的数组
var arr2=Array();	// 不确定长度声明
var arr3=[];			// 简写声明// 数组添加值，分别在第0个位置到第3个位置添加1
arr1[0]=1;
arr1[1]=true;
arr1[2]=1;
arr1[3]=1;
var ar2=Array(1,2,false,4);	// 自动匹配对应的位置并且添加值
arr3=[1,2,"123",false];		// 赋值

5. 对象

对象就是无序集合一般用字符串表示索引
数组和对象可以配合使用

// 声明对象
var obj1=Object();
var obj2={};// 对象赋值
obj1.name="zhangsan";
obj2={name:"zhangsan"};

操作

算数运算符

// 赋值运算符
var a=10;	
var b=20;// 基本运算符
a+b;	// 30
a-b; 	// -10
a*b;	// 200
a/b;	// 0.5;
a%b;	// 10;// 其他运算符用法类似
a+=1;	// a=11
...// 先用后变，先变后用
a++;
++a;
a--;
--a;// 字符串与运算符
var  str="123";str+321					// 123321
str+"true"					// 123true

比较运算符

可以使用全等(===)来同时比较值和类型

var a=10;
var b=20;a==b	// false
a!=b	// true
a>=b	// false
a<=b	// true

逻辑运算符

var a=10;
var b=20;// 并且
a>=10&&b>=20	// true
a>=10&&b>20		// false// 或
a>=10||b>20		// true// 取反
!true			// false

条件语句

选择一种满足条件的语句执行
if()里面必须是bool类型或者运算结果为bool类型

if(true){...
}else if(true){...
}else{...
}switch(num){case 1:...break;case 2:...break;default:...
}

循环语句

满足条件会一直执行

while(true){...
}for(let i=1;i<=10;i++){...
}

函数

用于封装常用的代码块，提高代码复用率
全局作用域是可以在整个js文件中调用，局部作用域只能在函数中/代码块中调用，如果变量名相同遵循就近原则

// 定义函数
function add(a,b){return a+b;
}// 调用函数
var c=add(10,20)		// 30

对象

对象中的成员可以是属性也可以是方法

	obj.name		// 通过.调用对象内部的属性obj.say()		// 通过.调用对象内部的方法

内置对象，js内部已经定义好的对象

const arr=new Array()
arr.length		// 返回数组的长度const date=new Date()
data.getDay()	// 当前当日...

第2章 JavaScript语法

准备工作编写js需要准备一个编译器和游览器，js必须通过HTML/XHTML文档编写 js的编写位置 <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Docume…...

编程日记 2023/7/31 14:40:30

【Golang】Golang进阶系列教程--为什么 Go for-range 的 value 值地址每次都一样？

文章目录前言现象无限循环相同地址原因推荐阅读前言循环语句是一种常用的控制结构，在 Go 语言中，除了 for 关键字以外，还有一个 range 关键字，可以使用 for-range 循环迭代数组、切片、字符串、map 和 channel 这些数据类型。…...

编程日记 2023/7/31 14:39:27

小研究 - JVM 垃圾回收方式性能研究（三）

本文从几种JVM垃圾回收方式及原理出发，研究了在 SPEC jbb2015基准测试中不同垃圾回收方式对于JVM 性能的影响，并通过最终测试数据对比，给出了不同应用场景下如何选择垃圾回收策略的方法。目录 4 垃圾回收器性能比较 4.1 测试结果 5 结语 …...

编程日记 2023/7/31 14:37:21

java根据poi解析excel内容

一.HSSFWorkbook、XSSFWorkbook、SXSSFWorkbook Apache POI包中的HSSFWorkbook、XSSFWorkbook、SXSSFWorkbook的区别如下: HSSFWorkbook：一般用于操作Excel2003以前（包括2003）的版本，扩展名是.xls。 XSSFWorkbook：一…...

编程日记 2023/7/31 14:36:19

实验报告-Sublime配置默认语法，以配置Verilog语法为例

实验报告-Sublime配置默认语法，以配置Verilog语法为例 1，下载Verilog语法环境2，Sublime配置语法工作环境，以Verilog语法环境为例。3，打开一个新的Sublime，验证编辑器配置Verilog为默认语法成功！4，Sublime汉化1，下载Verilog语法环境参考文献： 1，Sublime Text 4加载…...

编程日记 2023/7/31 14:35:17

pve安装ikuai并设置，同时把pve的网络连接到ikuai虚拟机

目录前因前置条件安装ikuai 进入ikuai的后台配置lan口，以及wan口配置lan口桥接按实际情况来设置了单拨（PPOE拨号） 多拨(内外网设置点击基于物理网卡的混合模式) 后续步骤 pve连接虚拟机ikuai的网络以及其他虚拟机连接ikuai的网…...

编程日记 2023/7/31 14:34:13

Android 面试题 ANR 五

🔥 什么是 ANR 🔥 ANR(Application Not Responding )应用无响应的简称，是为了在 APP卡死时，用户可以强制退出APP的选择，从而避免卡机无响应问题，这是Android系统的一种自我保护机制。在Android中&#xf…...

编程日记 2023/7/31 14:33:09

实训笔记7.28

实训笔记7.28 7.28笔记一、Hive的基本使用1.1 Hive的命令行客户端的使用1.2 Hive的JDBC客户端的使用1.2.1 使用前提1.2.2 启动hiveserver21.2.3 使用方式 1.3 Hive的客户端中也支持操作HDFS和Linux本地文件二、Hive中DDL语法2.1 数据库的管理2.1.1 创建语法2.1.2 修改语法2.1.…...

编程日记 2023/7/31 14:32:07

C 游游的二进制树

题目描述游游拿到了一棵树，共有nnn个节点，每个节点都有一个权值：0或者1。这样，每条路径就代表了一个二进制数。游游想知道，有多少条路径代表的二进制数在[l,r][l,r][l,r]区间范围内？ （请注意…...

编程日记 2023/7/31 14:31:04

收发存和进销存有什么区别？

一、什么是收发存和进销存 1、收发存收发存是供应链管理中的关键概念，用于描述企业在供应链中的物流和库存管理过程。收发存代表了企业在采购、生产和销售过程中的物流活动和库存水平。收（Receiving） 企业接收供应商送达的物料或产品…...

编程日记 2023/7/31 14:30:03

小程序账号的体验版正式版的账号信息及相关配置

siteinfo.js // 正式环境 const releaseConfig {appID: "",apiUrl: "",imgUrl: "" }; // 测试环境（包含开发环境和体验环境） const developConfig {appID: "",apiUrl: "",imgUrl: "" }…...

编程日记 2023/7/31 14:29:02

AIGC（Artificial Intelligence Generated Content）和 Web3对比，未来发展

一、AIGC（Artificial Intelligence Generated Content）行业历史背景 AIGC（Artificial Intelligence Generated Content）是指利用人工智能技术生成的内容。随着人工智能技术的不断发展，AIGC 行业逐渐兴起。早期的 AIG…...

编程日记 2023/7/31 14:28:01

机器学习之Boosting和AdaBoost

1 Boosting和AdaBoost介绍 1.1 集成学习集成学习 (Ensemble Learning) 算法的基本思想就是将多个分类器组合，从而实现一个预测效果更好的集成分类器。集成学习通过建立几个模型来解决单一预测问题。它的工作原理是生成多个分类器/模型，各自独立地学…...

编程日记 2023/7/31 14:27:00

汇编语言预定义寄存器和协处理器

ARM汇编器对ARM的寄存器和协处理器进行了预定义（包括APCS对r0～r15寄存器的定义），所有的寄存器和协处理器名都是大小写敏感的。 （1）预定义寄存器名下面列出了被ARM汇编器预定义的寄存器名。 r0&#xff…...

编程日记 2023/7/31 14:25:59

【前缀和】974. 和可被 K 整除的子数组

Halo，这里是Ppeua。平时主要更新C，数据结构算法，Linux与ROS…感兴趣就关注我bua！ 974. 和可被 K 整除的子数组题目:示例:题解: 题目: 示例: 题解: 本题与560.和为K的子数组高度相似同样的,本题利用了前缀和的定理.当(pre[i]-…...

编程日记 2023/7/31 14:24:57

linux页框回收之shrink_node函数源码剖析

概述《Linux内存回收入口_nginux的博客-CSDN博客》前文我们概略的描述了几种内存回收入口，我们知道几种回收入口最终都会调用进入shrink_node函数，本文将以Linux 5.9源码来描述shrink_node函数的源码实现。函数调用流程图 scan_control数据结构 str…...

编程日记 2023/7/31 14:23:55

网络运维基础问题及解答

前言本篇文章是对于网络运维基础技能的一些常见问题的解答，希望能够为进行期末复习或者对网络运维感兴趣的同学或专业人员提供一定的帮助。问题及解答 1. 列举 3 种常用字符编码，简述怎样在 str 和 bytes 之间进行编码和解码。答：常用的…...

编程日记 2023/7/31 14:22:54

【RabbitMQ】之保证数据不丢失方案

目录一、数据丢失场景二、数据可靠性方案 1、生产者丢失消息解决方案2、MQ 队列丢失消息解决方案3、消费者丢失消息解决方案一、数据丢失场景 MQ 消息数据完整的链路为：从 Producer 发送消息到 RabbitMQ 服务器中，再由 Broker 服务的 Exchange 根据…...

编程日记 2023/7/31 14:21:52

插入排序算法

插入排序算法说明与代码实现： 以下是使用Go语言实现的插入排序算法示例代码： package mainimport "fmt"func insertionSort(arr []int) {n : len(arr)for i : 1; i < n; i {key : arr[i]j : i - 1for j > 0 && arr[j] > …...

编程日记 2023/7/31 14:20:50

Linux标准库API

目录 1.字符串函数 2.数据转换函数 3.格式化输入输出函数 4.权限控制函数 5.IO函数 6.进程控制函数 7.文件和目录函数 1.字符串函数 2.数据转换函数 3.格式化输入输出函数 #include<stdarg.h>void test(const char * format , ...){va_list ap;va_start(ap,format…...

编程日记 2023/7/31 14:19:47

7.4.分块查找

一.分块查找的算法思想： 1.实例： 以上述图片的顺序表为例， 该顺序表的数据元素从整体来看是乱序的，但如果把这些数据元素分成一块一块的小区间， 第一个区间[0,1]索引上的数据元素都是小于等于10的， 第二…...

编程新知 2025/7/12 20:53:34

脑机新手指南（八）：OpenBCI_GUI：从环境搭建到数据可视化（下）

一、数据处理与分析实战 （一）实时滤波与参数调整基础滤波操作 60Hz 工频滤波：勾选界面右侧 “60Hz” 复选框，可有效抑制电网干扰（适用于北美地区，欧洲用户可调整为 50Hz）。平滑处理&…...

编程新知 2025/7/8 9:04:09

Xshell远程连接Kali（默认 | 私钥）Note版

前言:xshell远程连接，私钥连接和常规默认连接任务一开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务任务二修改配置文件 vi /etc/ssh/ssh_config //第一…...

编程新知 2025/7/11 21:33:16

FFmpeg 低延迟同屏方案

引言在实时互动需求激增的当下，无论是在线教育中的师生同屏演示、远程办公的屏幕共享协作，还是游戏直播的画面实时传输，低延迟同屏已成为保障用户体验的核心指标。FFmpeg 作为一款功能强大的多媒体框架，凭借其灵活的编解码、数据…...

编程新知 2025/6/21 15:38:27

渗透实战PortSwigger靶场-XSS Lab 14：大多数标签和属性被阻止

编程新知 2025/7/13 0:55:44

// 导出async function exportExcel(fileName "共识调整.xlsx") {// 所有数据const exportData await getAllMainData();// 表头内容let fitstTitleList [];const secondTitleList [];allColumns.value.forEach(column > {if (!column.children) {fitstTitleL…...

编程新知 2025/7/9 22:00:24