返回

注释，输出与变量：JavaScript教程的第2部分

前端

注释

注释是对代码的解释，它们可以帮助您和他人在将来更好地理解代码。注释不会被执行，它们只是用来提供有关代码的信息。

在JavaScript中，有两种注释方式：单行注释和多行注释。

  • 单行注释以两个斜杠（//）开头，一直持续到行的末尾。例如：
// 这是一个单行注释
  • 多行注释以/开头，以/结尾。例如：
/*
这是一个
多行注释
*/

输入和输出

JavaScript具有将信息输入和输出到控制台的功能。

  • 输入使用console.log()方法。例如：
console.log("你好，世界！");
  • 输出使用console.log()方法。例如：
const x = 10;
console.log(x);

变量

变量是用来存储数据的。在JavaScript中，变量必须先声明，然后再使用。

要声明变量，可以使用let或const。let关键字声明的变量可以被重新赋值，const关键字声明的变量则不能被重新赋值。

例如：

let x = 10;
const y = 20;

x = 20; // 允许
y = 30; // 不允许

变量类型

JavaScript中的变量可以存储不同类型的数据，包括数字、字符串、布尔值和对象。

  • 数字：数字可以是整数或小数。例如：
let x = 10;
let y = 3.14;
  • 字符串：字符串是一系列字符。字符串必须用引号（单引号或双引号）括起来。例如：
let str = "你好，世界！";
  • 布尔值：布尔值只有两种可能的值：true和false。布尔值通常用于控制流语句。例如：
let x = true;
let y = false;
  • 对象：对象是包含数据的容器。对象可以存储任何类型的数据，包括数字、字符串、布尔值和对象。例如：
let person = {
  name: "张三",
  age: 20,
  gender: "男"
};

操作符

JavaScript中有很多操作符，可以用来对数据进行操作。

  • 算术运算符：算术运算符用于对数字进行运算。例如：
let x = 10;
let y = 20;

let sum = x + y; // 30
let difference = x - y; // -10
let product = x * y; // 200
let quotient = x / y; // 0.5
let remainder = x % y; // 0
  • 赋值运算符：赋值运算符用于将值赋给变量。例如：
let x = 10;
x += 5; // x = 15
x -= 5; // x = 10
x *= 2; // x = 20
x /= 2; // x = 10
x %= 3; // x = 1
  • 比较运算符：比较运算符用于比较两个值。例如：
let x = 10;
let y = 20;

console.log(x == y); // false
console.log(x != y); // true
console.log(x > y); // false
console.log(x < y); // true
console.log(x >= y); // false
console.log(x <= y); // true
  • 逻辑运算符：逻辑运算符用于将多个布尔值组合起来。例如：
let x = true;
let y = false;

console.log(x && y); // false
console.log(x || y); // true
console.log(!x); // false
console.log(!y); // true

控制流语句

控制流语句用于控制程序的执行顺序。

  • if语句：if语句用于根据条件执行代码。例如：
let x = 10;

if (x > 0) {
  console.log("x 是正数");
}
  • else语句：else语句用于在if语句条件不满足时执行代码。例如：
let x = -10;

if (x > 0) {
  console.log("x 是正数");
} else {
  console.log("x 是负数");
}
  • else if语句：else if语句用于在if语句条件不满足时检查另一个条件。例如：
let x = 0;

if (x > 0) {
  console.log("x 是正数");
} else if (x < 0) {
  console.log("x 是负数");
} else {
  console.log("x 是零");
}
  • switch语句：switch语句用于根据一个变量的值执行不同的代码块。例如：
let x = "A";

switch (x) {
  case "A":
    console.log("x 是 A");
    break;
  case "B":
    console.log("x 是 B");
    break;
  case "C":
    console.log("x 是 C");
    break;
  default:
    console.log("x 不是 A、B 或 C");
}
  • for循环：for循环用于循环执行一段代码。例如：
for (let i = 0; i < 10; i++) {
  console.log(i);
}
  • while循环：while循环用于循环执行一段代码，直到条件不满足为止。例如：
let i = 0;

while (i < 10) {
  console.log(i);
  i++;
}
  • do-while循环：do-while循环用于循环执行一段代码，至少执行一次，然后根据条件决定是否继续执行。例如：
let i = 0;

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

函数

函数是JavaScript中的一种代码块，可以被重复使用。函数可以接受参数，也可以返回一个值。

要声明函数，可以使用function关键字。例如：

function greet(name) {
  console.log(`你好，${name}！`);
}

greet("张三"); // 输出：你好，张三！

函数也可以返回一个值。例如：

function sum(x, y) {
  return x + y;
}

let result = sum(10, 20); // 30
console.log(result); // 输出：30

对象

对象是JavaScript中的一种数据类型，可以存储任何类型的数据。对象可以具有属性和方法。

要声明对象，可以使用let或const关键字。例如：

let person = {
  name: "张三",
  age: 20,
  gender: "男"
};

对象可以具有属性和方法。属性是对象中存储的数据，方法是对象中可以执行的代码。

例如：

person.name = "李四"; // 更改对象的属性值
person.sayHello = function() { // 添加一个方法
  console.log("你好，我叫李四！");
};

person.sayHello(); // 执行方法

数组

数组是JavaScript中的一种数据类型，可以存储任何类型的数据。数组中的元素可以通过索引访问。

要声明数组，可以使用let或const关键字。例如：

let numbers = [1, 2, 3, 4, 5];

数组中的元素可以通过索引访问。例如：

console.log(numbers[2]); // 输出：3

数组也可以具有属性和方法。例如：

numbers.length; // 获取数组的长度
numbers.push(6); // 在数组的末尾添加一个元素
numbers.pop(); // 从数组的末尾移除一个元素

类

类是JavaScript中的一种数据类型，用于创建对象。类可以包含属性和方法。

要声明类，可以使用class关键字。例如：

class Person {
  constructor(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
  }

  sayHello() {
    console.log(`你好，我