前端 JavaScript 基础知识

JavaScript 是一种高级的、解释型的编程语言，它被广泛用于网页开发中。本篇将介绍 JavaScript 的基础知识和常用技巧。

数据类型

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

• Number：数字类型，包括整数和小数。
• String：字符串类型，由零个或多个 16 位 Unicode 转义序列组成。
• Boolean：布尔类型，表示真（true）或假（false）。
• Null：空值，表示无任何值。
• Undefined：未定义，表示变量已声明但未初始化。

变量声明

JavaScript 有三种变量声明方式：

// 使用 var 声明
var a = 10;

// 使用 let 声明
let b = 20;

// 使用 const 声明
const c = 30;

运算符

JavaScript 支持以下运算符：

• 算术运算符：+、-、*、/、% 等
• 比较运算符：==、===、>、<、>=、<= 等
• 逻辑运算符：&&、||、! 等
• 赋值运算符：=、+=、-= 等

函数

函数是 JavaScript 的核心组成部分。以下是一个简单的函数示例：

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

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

事件处理

JavaScript 可以用来处理网页中的事件，如点击、鼠标移动等。以下是一个点击事件的示例：

document.getElementById('myButton').addEventListener('click', function() {
  alert('按钮被点击！');
});

代码块

为了提高代码的可读性和可维护性，可以使用代码块。以下是一个代码块示例：

{
  // 代码块内容
  var a = 1;
  var b = 2;
  var c = a + b;
}

图片展示

JavaScript 是一种强大的语言，可以用来创建各种交互式网页应用。下面展示一张 JavaScript 的图片。

更多关于 JavaScript 的知识，请访问 JavaScript 教程。