JavaScript基础
不要问我为啥跳过CSS....样式表这种坑爹的东西不是很想碰，复习下HTML基础，直接JavaScript走起来。
JavaScript是一门世界上最流行的脚本语言。
一个合格的后端程序员，必须要精通JavaScript！
JavaScript引入
html示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 行内写法-->
<!-- type的定义类型默认就是有的，不用显示定义！-->
<script type="text/javascript">
alert('Hello,World!')
</script>
<!-- 外部写法-->
<!-- HTML5中script标签必须成对，不能自闭合！-->
<script src="../js/hello.js"></script>
</head>
<body>
</body>
</html>
外部js示例代码：
alert('Hello,World!')真的就这一行，没有其他的了.....我也很懵逼。
JavaScript控制台
主要用到的几个区：
-
Elements 网页元素，html元素和css
-
Console 控制台，测试js
-
Sources 源，源码
-
Network 网络，管理请求
-
Application 应用，饼干，主要用这个。
使用Console选项卡调试。
-
alert
弹窗打印
-
console.log
打印到浏览器的控制台
Js的语法跟Java不能说一样，丐版Java名副其实。
定义变量
var num1 = 2;
var num2 = 4;JavaScript中只有一种变量类型，var。
JavaScript中只有一种变量类型，var。
JavaScript中只有一种变量类型，var。
条件控制
//定义变量
var num1 = 2;
var num2 = 4;
//条件控制
if (num2 > num1) {
//弹窗打印信息
alert(num2);
//打印到控制台
console.log(num1)
} else {
//弹窗打印信息
alert(num1);
//打印到控制台
console.log(num2)
}只能说一毛一样了。
数据类型和逻辑运算符
number
javascript不区分整数和浮点数。
123 //整数 123
123.123 //浮点数 123.123
12e123 //科学计数法 1.2e÷124
-55 //负数 -55
Infinity //无穷大 Infinity
NaN //非数（不是一个数） NaN NaN与所有值都不相等包括自己
精度问题
console.log((1 / 3) === (1 - 2 / 3))
//结果为false
//尽量使用Math类的绝对值方法来判断约等于
console.log(Math.abs((1 / 3) - (1 - 2 / 3)) < 0.0000000001)同Java一样，在JavaScript中也尽量避免浮点数运算。Math也是老朋友了
字符串
"abc" //字符串 'abc'
'abc' //字符串 'abc'
布尔值
true //布尔值 true
false //布尔值 false
运算符
&& //与 两个为真就是真
|| //或 一个为真就是真
! //非 真就是假，假就是真
= //赋值
== //等于 类型不一样，值一样，也会是true
=== //绝对等于 必须要类型一样，值也一样才是true“==”是JavaScript的一个缺陷，一定注意用“===”比较。
判断NaN时，因为NaN的特性，使用“isNaN(NaN)”来判断这个数是否是NaN。
数组
var array = [1, 2, 3, 'hello', null, -55]
var arr = (1, 2, 3, 'hello', null, -55)> console.log(array[3])
hello
JavaScript因为只有一种数据类型var，所以数组里面可以包含各种东西，甚至用小括号声明元素。玩得有点花
为了代码的可读性，以及规范要求，请避免使用小括号声明数组元素。
拓展
null //值为空
undefined //变量未定义
对象
var Person = {
name: "Crow",
age: 18,
gender: '男',
tags: ["java", "C", "C#", "JavaScript", 1, 2, 3, 4, 5, null]
}> Person.name
< 'Crow'
跟Java的匿名类很像，不需要声明值来接收对象。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· winform 绘制太阳，地球，月球 运作规律
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人