JavaScript 学习笔记 (基础学习)

黑暗之王 15小时前 ⋅ 2 阅读

1. 引言

JavaScript 是一种用于向网页添加交互功能的编程语言。它是一门客户端脚本语言,可以在网页上运行,为用户提供更好的用户体验。本文将介绍一些 JavaScript 的基础知识,帮助初学者快速上手。

2. 变量和数据类型

在 JavaScript 中,我们可以使用 var 关键字创建变量。JavaScript 是一种弱类型语言,它会根据赋值的值来自动确定变量的数据类型。

以下是 JavaScript 中常用的数据类型:

  • 字符串 (String):用于表示文本数据。
  • 数字 (Number):用于表示数值数据。
  • 布尔值 (Boolean):用于表示真或假的值。
  • 数组 (Array):用于存储多个值的列表。
  • 对象 (Object):用于存储键值对。
var name = "John";  // 字符串类型
var age = 25;  // 数字类型
var isStudent = true;  // 布尔值类型

var fruits = ["apple", "banana", "orange"];  // 数组类型
var person = {name: "John", age: 25};  // 对象类型

3. 运算符

JavaScript 支持基本的算术运算符,如加法、减法、乘法和除法。此外,还可以进行比较和逻辑运算。

以下是一些常用的运算符:

  • 算术运算符:+, -, *, /, %
  • 比较运算符:==, ===, !=, !==, >, <, >=, <=
  • 逻辑运算符:&& (与), || (或), ! (非)。
var x = 5;
var y = 10;

var sum = x + y;  // 加法运算
var difference = y - x;  // 减法运算
var product = x * y;  // 乘法运算
var quotient = y / x;  // 除法运算
var remainder = y % x;  // 取余运算

var isEqual = x == y;  // 比较是否相等
var isNotEqual = x != y;  // 比较是否不相等
var isGreater = x > y;  // 比较是否大于
var isLess = x < y;  // 比较是否小于

var isTrue = x < 10 && y > 5;  // 逻辑与运算
var isFalse = x > 10 || y < 5;  // 逻辑或运算
var isNotTrue = !isTrue;  // 逻辑非运算

4. 控制流程

JavaScript 提供了一些控制流程语句,以便根据条件执行不同的操作。常用的控制流程语句包括条件语句 (if-else) 和循环语句 (for, while)。

4.1 条件语句

条件语句用于根据不同的条件执行不同的操作。

var age = 18;

if (age < 18) {
  console.log("未成年");
} else if (age >= 18 && age < 60) {
  console.log("成年人");
} else {
  console.log("老年人");
}

4.2 循环语句

循环语句用于重复执行一段代码。

4.2.1 for 循环

for 循环用于重复执行一段代码,直到指定条件不再满足为止。

for (var i = 0; i < 5; i++) {
  console.log(i);
}

4.2.2 while 循环

while 循环用于重复执行一段代码,直到指定条件不再满足为止。

var i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

5. 函数

函数是一种可重复使用的代码块,可以接受输入参数并返回一个值。在 JavaScript 中,我们可以使用 function 关键字来定义函数。

function sayHello(name) {
  console.log("Hello, " + name + "!");
}

sayHello("John");  // 调用函数,打印 "Hello, John!"

6. 总结

本文介绍了 JavaScript 的基础知识,包括变量和数据类型、运算符、控制流程和函数。希望能够帮助初学者快速上手 JavaScript,并在实践中不断提升自己的技能。

以上就是 JavaScript 的学习笔记 (基础学习)。如果你对 JavaScript 感兴趣,建议继续深入学习相关的概念和技术,比如 DOM 操作、事件处理等。祝你在 JavaScript 学习之路上取得成功!


全部评论: 0

    我有话说: