前端学习手册-JavaScript基础语法(九)

最新推荐文章于 2025-12-21 15:46:00 发布

原创最新推荐文章于 2025-12-21 15:46:00 发布 · 427 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #学习 #javascript

前端学习手册专栏收录该内容

18 篇文章

订阅专栏

前面学习的html和css 知识，你“能独立写出完整页面布局”了，可以画出静态的页面了。接下来学习JavaScript ，JavaScript 可以让网页动起来，实现交互功能，还可以做服务器和 App！

一、什么是JavaScript

JavaScript是一种轻量级的解释型编程语言，主要用于网页开发，为静态网页添加交互功能。

基本特性：

脚本语言：不需要编译，由浏览器直接解释执行。

动态类型：变量类型在运行时确定，变量类型可以变化

基于原型的面向对象：不同于Java等基于类的语言

单线程执行：但通过事件循环和异步编程模型支持并发

JavaScript 最初为了让网页动起来而诞生。
随着发展，它不仅能操作网页（DOM），还能做服务器开发（Node.js）、小程序开发、桌面应用、移动端应用等等。

前端开发主要应用：

DOM操作：动态修改网页内容

表单验证：客户端数据校验

动画效果：创建交互式UI

AJAX：实现无刷新数据交互

二、引入 JavaScript 的三种方式

行内式（直接写在 HTML 标签的属性中）

<button onclick="alert('你好，朋友！')">点我</button>

内部式（写在 <script> 标签内部）

<!DOCTYPE html>
<html>
<head>
  <title>内部式示例</title>
</head>
<body>
  <script>
    console.log('Hello World');
  </script>
</body>
</html>

外部式（写在单独的 .js 文件中，再用 <script src=""> 引入）

<script src="main.js"></script>

三、变量与常量（var、let、const）

var:全局变量

存在变量提升（会提前到作用域顶部）

let：局部变量

有块级作用域（花括号内有效）

const：常量

声明后不能改变值，必须赋初值

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动

四、数据类型

JavaScript 有两大类数据类型：

基本类型（值类型）

Number：数字

String：字符串

Boolean：布尔值

Null：空

Undefined：未定义

Symbol（ES6）

BigInt（ES2020）

引用类型（对象类型）

Object（对象）

Array（数组）

Function（函数）

Date（日期）