JS基本知识，入门指引

2023-11-05 08:25:31

JavaScript（JS）是网页编程中常用的脚本语言，广泛应用于网页开发和客户端脚本编程中。JS的强大功能使它成为构建交互式网页和增强用户体验必不可少的一部分。

变量

JS中的变量用于存储值。声明变量时，需要使用var、let或const。var声明的变量可以在整个作用域内访问，而let和const声明的变量只在声明所在的块级作用域内访问。

// 使用 var 声明变量
var name = "John Doe";

// 使用 let 声明变量
let age = 30;

// 使用 const 声明常量
const PI = 3.14;

函数

JS中的函数用于封装代码块，并可以根据需要多次调用。函数可以接受参数，并返回一个值。

// 定义一个函数
function greet(name) {
  return "Hello, " + name + "!";
}

// 调用函数
console.log(greet("John Doe")); // 输出: Hello, John Doe!

条件判断

JS中的条件判断语句用于根据特定条件执行不同的代码块。常用的条件判断语句包括if、else if和else。

// if else 语句
if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a child.");
}

// switch 语句
switch (browser) {
  case "Chrome":
    console.log("You are using Chrome.");
    break;
  case "Firefox":
    console.log("You are using Firefox.");
    break;
  default:
    console.log("You are using another browser.");
}

循环

JS中的循环语句用于重复执行一段代码块。常用的循环语句包括for、while和do while。

// for 循环
for (var i = 0; i < 10; i++) {
  console.log(i);
}

// while 循环
var i = 0;
while (i < 10) {
  console.log(i);
  i++;
}

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

对象

JS中的对象用于存储相关的数据，并通过属性和方法来访问和操作这些数据。

// 创建一个对象
var person = {
  name: "John Doe",
  age: 30,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

// 访问对象的属性
console.log(person.name); // 输出: John Doe

// 调用对象的函数
person.greet(); // 输出: Hello, my name is John Doe

数组

JS中的数组用于存储一系列有序的数据。数组中的每个元素都可以通过索引来访问。

// 创建一个数组
var numbers = [1, 2, 3, 4, 5];

// 访问数组中的元素
console.log(numbers[2]); // 输出: 3

// 循环数组中的元素
for (var i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

BOM和DOM

BOM（浏览器对象模型）和DOM（文档对象模型）是两个非常重要的JavaScript概念。BOM提供了访问和操作浏览器窗口和历史记录的方法和属性，而DOM提供了访问和操作HTML文档的方法和属性。

// 使用 BOM 获取浏览器窗口的宽度
var windowWidth = window.innerWidth;

// 使用 DOM 获取文档的标题
var documentTitle = document.title;

// 使用 DOM 添加一个元素到文档中
var newElement = document.createElement("p");
newElement.textContent = "Hello, World!";
document.body.appendChild(newElement);