简介
JavaScript 是一种高级的、解释型的编程语言，可以在网页上实现交互效果，也可用于服务器端和移动应用开发。它是一种动态类型语言，意味着你不需要预先声明变量的数据类型。
作用
JavaScript 的一些重要特点和用途：
-
脚本语言：JavaScript 是一种脚本语言，可以直接嵌入到 HTML 页面中，并通过浏览器解释执行。这使得开发者可以在浏览器中直接编写脚本代码，实现与用户的交互、表单验证、DOM 操作等功能。
-
客户端脚本语言：JavaScript 在浏览器中运行，因此被称为客户端脚本语言。它可以改变和操作网页的内容、样式和行为，增强用户与网页的交互体验。
-
事件驱动：JavaScript 的一个重要特性是事件驱动。开发者可以在网页上定义事件处理函数，以响应用户的交互行为，如点击按钮、提交表单等。这种响应式编程模型使得开发者可以编写代码来处理用户事件，并对网页做出实时的相应。
-
强大的 DOM 操作：JavaScript 可以通过 Document Object Model（DOM）访问和操作网页的元素和内容。开发者可以使用 JavaScript 来动态修改 HTML、操作 CSS 样式、添加或删除元素等。这使得开发者可以根据用户的行为动态地改变网页的外观和行为。
-
服务器端开发：随着 Node.js 的发展，JavaScript 也可以用于服务器端开发。Node.js 是基于 Chrome V8 引擎构建的 JavaScript 运行环境，使得开发者可以使用 JavaScript 来构建高性能的服务器端应用程序。
-
移动应用开发：JavaScript 也被广泛应用于移动应用开发。通过框架如 React Native 或 Ionic，开发者可以使用 JavaScript 来开发跨平台的移动应用，同时运行在 iOS 和 Android 平台上。
js与HTML的链接方式
1.通过在head或者body标签中加入<script>标签，在标签内填写js代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript学习</title>
<script>
// 代码一
</script>
</head>
<body>
<script>
// 代码二
</script>
</body>
</html> 2.通过文件链接，将JavaScript 代码保存在一个单独的 .js 文件中，并通过 <script> 标签的 src 属性将其链接到 HTML 文件中。这样做可以使代码更清晰，并且可以在多个页面之间共享相同的代码。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Demo</title>
<script src="script.js"></script>
</head>
<body>
<!-- 网页内容 -->
</body>
</html>
变量
javascript的变量类型
- 数字（Number）：用于表示数值，包括整数和浮点数。
let age = 25; // 整数 let price = 9.99; // 浮点数 - 字符串（String）：用于表示文本数据，由字符组成。
let name = "John"; // 字符串 let message = 'Hello, world!'; // 单引号或双引号都可以定义字符串 - 布尔值（Boolean）：用于表示真（true）或假（false）的逻辑值。
let isStudent = true; // 布尔值为真 let isLoggedIn = false; // 布尔值为假 - 对象（Object）：用于表示复杂的数据结构，可以包含多个属性和方法。
let person = { name: "Alice", // 字符串属性 age: 30, // 数字属性 isStudent: false // 布尔属性 }; - 数组（Array）：用于存储多个值的有序列表。
let numbers = [1, 2, 3, 4, 5]; // 数组 let fruits = ["apple", "banana", "orange"]; // 字符串数组 - 空值（Null）和未定义（Undefined）：表示变量没有分配值或存在但没有有效值。
let emptyValue = null; // 空值 let undefinedValue; // 未定义 - 函数（Function）：用于封装可重复使用的代码块。
function sayHello() { console.log("Hello!"); }
JavaScript 是一种弱类型语言，变量的类型可以在运行时随时改变。这使得 JavaScript 非常灵活，定义变量可以使用var let const。
-
var：在旧版本的 JavaScript 中，var是用来声明变量的关键字。它的作用域是函数级的，也可以是全局级的。这意味着使用var声明的变量可以在整个函数内部访问，或者在全局作用域下访问。 -
let：ES6（ECMAScript 2015）引入了let关键字，用于声明块级作用域的变量。只在最近的花括号（块）中有效。因此，使用let声明的变量仅在定义它的块中可见。 -
const：const关键字也是 ES6 中引入的，用于声明常量。与let不同，const修饰的变量不能再次赋值。它的作用域也是块级的。
<script>
{
var a=10;
let a1= 1;
}
//无法找到a1
alert(a1);
//const number=10;
//无法使用
//number++;
</script>设置警告框时无法找到a1不显示,number不可以改变
关系比较
运算符：
-
算术运算符：用于执行数学运算。
- 加法运算符（+）：将两个值相加。
- 减法运算符（-）：从第一个值中减去第二个值。
- 乘法运算符（*）：将两个值相乘。
- 除法运算符（/）：将第一个值除以第二个值。
- 取模运算符（%）：返回第一个值除以第二个值的余数。
- 自增运算符（++）：将变量的值增加 1。
- 自减运算符（--）：将变量的值减少 1。
-
赋值运算符：用于将值赋给变量。
- 等号运算符（=）：将右边的值赋给左边的变量。
- 加等于运算符（+=）：将右边的值与左边的值相加，并将结果赋给左边的变量。
- 减等于运算符（-=）：将右边的值从左边的值中减去，并将结果赋给左边的变量。
- 乘等于运算符（*=）：将右边的值与左边的值相乘，并将结果赋给左边的变量。
- 除等于运算符（/=）：将左边的值除以右边的值，并将结果赋给左边的变量。
- 取模等于运算符（%=）：将左边的值除以右边的值的余数，并将结果赋给左边的变量。
-
比较运算符：用于比较两个值，并返回一个布尔值（true 或 false）。
- 相等运算符（==）：检查两个值是否相等。
- 全等运算符（===）：检查两个值是否恒等，即类型和值都相等。
- 不等运算符（!=）：检查两个值是否不相等。
- 不全等运算符（!==）：检查两个值是否不恒等。
- 大于运算符（>）：检查第一个值是否大于第二个值。
- 小于运算符（<）：检查第一个值是否小于第二个值。
- 大于等于运算符（>=）：检查第一个值是否大于或等于第二个值。
- 小于等于运算符（<=）：检查第一个值是否小于或等于第二个值。
-
逻辑运算符：用于执行逻辑操作并返回布尔值。
- 与运算符（&&）：如果两个操作数都为 true，则返回 true。
- 或运算符（||）：如果两个操作数中至少有一个为 true，则返回 true。
- 非运算符（!）：用于取反操作，将 true 变为 false，将 false 变为 true
循环
组成
- 初始化：在循环开始之前执行一次，用于设置初始条件。通常用于声明和初始化一个循环变量。
- 条件：定义循环继续执行的条件。只要条件为真，循环就会一直执行。
- 更新：在每次循环迭代之后执行，用于更新循环变量的值。
应用
数组遍历
<script>
var a=[1,2,3,4,5,6];
for(let i=0;i<a.length;i++){
alert(a[i]);
}
</script>函数
组成
function functionName(parameter1, parameter2, ...) {
// 函数体（代码块）
// 可以包含各种逻辑和操作
return result; // optional，可以返回一个值
}
functionName是函数的名称，用于标识唯一的函数。parameter1, parameter2, ...是函数的参数列表，表示传递给函数的输入值。参数是可选的，可以有零个或多个参数。- 函数体是一段代码块，包含了函数要执行的逻辑和操作。
return result;是可选的，用于指定函数的返回值。当函数执行完成后，可以使用return语句返回一个结果给函数调用者。
以下是一个简单的示例，展示了如何定义一个函数并调用它：
function sayHello(name) {
console.log("Hello, " + name + "!");
}
sayHello("Alice"); // 调用函数
656
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
