JavaScript基础概述：脚本定义、输出方式与数据类型

JavaScript是网页开发中的核心技术之一，它赋予网页交互功能和动态效果。

1. JavaScript脚本的定义方式

JavaScript脚本可以通过内联方式或外联方式嵌入到HTML页面中。

内联JS

直接将JavaScript代码写在<script>标签中：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>内联JavaScript示例</title>
</head>
<body><h1>欢迎来到JavaScript学习！</h1><script>alert("这是一个内联JavaScript脚本！");</script>
</body>
</html>

外联JS脚本

将JavaScript代码单独保存在.js文件中，然后通过<script>标签引入。

外部JS文件（script.js）：

console.log("这是一个外联JavaScript脚本！");

HTML文件引入外部JS：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>外联JavaScript示例</title><script src="script.js"></script>
</head>
<body><h1>欢迎来到外联JavaScript示例页面！</h1>
</body>
</html>

选择建议：

内联JS适用于简单、临时的功能测试。
外联JS适合大型项目，能够实现代码的复用与模块化。

2. JavaScript输出方式

输出到网页

使用document.write()将内容直接输出到网页中：

document.write("<h2>JavaScript输出到网页示例</h2>");

输出到控制台

通过console.log()将信息输出到浏览器控制台，常用于调试：

console.log("输出到控制台的调试信息");

弹窗输出

使用alert()弹出提示框：

alert("这是一个弹窗输出示例！");

3. JavaScript中的数据类型

JavaScript的数据类型分为基础数据类型和特殊类型。

基础数据类型

数据类型	描述	示例
`Number`	数字类型	`42`, `3.14`
`String`	字符串类型	`"Hello"`
`Boolean`	布尔类型，表示真或假	`true`, `false`
`Undefined`	未定义	变量声明但未赋值时
`Null`	空值，表示没有对象	`null`
`Symbol`	唯一且不可变的标识符	`Symbol("id")`
`BigInt`	安全地存储和操作大整数	`20n`

ps:使用typeof操作符检测null值时会返回"object"。

特殊类型

对象（Object）：JavaScript中的复杂数据类型，可以存储键值对。
```
let person = { name: "Alice", age: 25 };
```

4. JavaScript标识符命名规则

命名规则

首字母可以是：字母、下划线、美元符号（$）组成。
区分大小写：myVar和myvar是不同的变量。
避免使用保留关键字：如let、const、class等。

变量的作用域

变量类型	定义方式	示例
全局变量	任意位置定义	`var globalVar = "全局变量";`
局部变量	函数内部定义	`let localVar = "局部变量";`
常量	使用`const`定义	`const pi = 3.14159;`