JavaScript 教程

JavaScript 是一种广泛应用于网页开发的脚本语言，它使得网页具有交互性。本教程将带你从基础开始，逐步学习 JavaScript 的知识。

基础语法

变量和数据类型

在 JavaScript 中，我们使用 var、let 和 const 关键字来声明变量。JavaScript 支持多种数据类型，包括：

• 数字：例如 5、-3.14
• 字符串：例如 "Hello, world!"、'你好，世界!'
• 布尔值：例如 true、false
• 对象：例如 { name: "张三", age: 20 }
• 数组：例如 [1, 2, 3]

控制结构

JavaScript 支持以下控制结构：

• 条件语句：if...else、switch
• 循环语句：for、while、do...while

函数

函数是 JavaScript 中的核心概念之一。以下是一个简单的函数示例：

function sayHello(name) {
  console.log(`Hello, ${name}!`);
}

sayHello("张三");

高级特性

事件处理

JavaScript 可以处理网页中的各种事件，例如点击、滚动等。以下是一个点击事件的示例：

document.getElementById("myButton").addEventListener("click", function() {
  console.log("按钮被点击了！");
});

原型链

JavaScript 中的每个对象都有一个原型（prototype），它是一个包含共享属性和方法的对象。以下是一个原型链的示例：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person1 = new Person("张三", 20);
person1.sayHello(); // 输出：Hello, my name is 张三 and I am 20 years old.

学习资源

想了解更多关于 JavaScript 的知识？以下是一些推荐的学习资源：

• MDN Web Docs - JavaScript
• JavaScript.info

希望这个教程能帮助你更好地学习 JavaScript！🎉