JavaScript 基础教程

JavaScript 是一种高级的、解释型的编程语言，主要用于网页开发。它使得网页具有交互性，能够响应用户的操作。

基础语法

变量声明

在 JavaScript 中，可以使用 var、let 或 const 关键字来声明变量。

var：声明一个全局变量或函数级变量。
let：声明一个块级变量。
const：声明一个常量，其值在声明后不能被修改。

var a = 10;
let b = 20;
const c = 30;

数据类型

JavaScript 有以下几种基本数据类型：

number：数字
string：字符串
boolean：布尔值
null：空值
undefined：未定义

let num = 5;
let str = "Hello, world!";
let bool = true;
let empty = null;
let undefinedVar;

运算符

JavaScript 支持以下运算符：

算术运算符：+、-、*、/、%
关系运算符：==、!=、>、<、>=、<=
逻辑运算符：&&、||、!

let a = 10;
let b = 5;

console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2
console.log(a % b); // 0

console.log(a == b); // false
console.log(a != b); // true
console.log(a > b); // true
console.log(a < b); // false
console.log(a >= b); // true
console.log(a <= b); // false

console.log(a && b); // true
console.log(a || b); // true
console.log(!a); // false

函数

函数是 JavaScript 的核心组成部分，用于封装代码块，以便重复使用。

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

sayHello("World"); // 输出：Hello, World!

事件处理

JavaScript 可以响应用户的操作，如点击、鼠标移动等。

<button onclick="sayHello('World')">点击我</button>

图像

JavaScript 中的图片处理

JavaScript 可以用于在网页中加载和处理图片。

let img = new Image();
img.src = "https://example.com/image.png";
img.onload = function() {
  document.body.appendChild(img);
};

更多关于 JavaScript 的内容。