JavaScript

JavaScript 是一种轻量级的脚本语言，主要用于在 web 页面中添加交互效果。

历史

JavaScript 最初由 Brendan Eich 在 10 天内创建。它最初是为 Netscape Navigator 设计的。最初称为 Mocha，然后改名为 LiveScript，最终在 Netscape Navigator 2.0 中发布时命名为 JavaScript。

随后，JavaScript 成为了 ECMA 国际标准组织的标准语言，现在被称为 ECMAScript。

用途

JavaScript 通常用于 web 开发中的以下领域：

• 直接在 HTML 中处理表单数据或验证用户输入。
• 动态修改 HTML 和 CSS，同时也可以使用 DOM API 操作文档。
• 实现 ajax。使用 JavaScript 可以在不重新加载整个页面的情况下向服务器发送和接收数据。
• 基于 canvas 创建动态图形和图像。
• 创建交互式 Web 应用程序，如单页应用程序和动态表格。
• 编写后端 JavaScript 代码，如使用 Node.js。

语法

常量和变量

常量用 const 关键字定义，表示不可更改的值。

const PI = 3.14;

变量用 let 或 var 关键字声明。let 变量的值可以更改，var 变量的作用域是函数级别。

let x = 10;
var y = 20;

数据类型

JavaScript 的数据类型分为原始数据类型和对象类型。

原始数据类型包括：

• 数字
• 字符串
• 布尔值
• null
• undefined

对象类型包括：

• 对象
• 数组
• 函数
• 正则表达式

运算符

JavaScript 中的运算符包括算术运算符、比较运算符、逻辑运算符、赋值运算符和条件运算符。

// example
let x = 10;
let y = 20;

console.log(x + y); // 30
console.log(x > y); // false
console.log(x && y); // true

条件语句

if...else 语句用于在满足条件时执行代码块，否则执行另一个代码块。

// example
let x = 10;

if (x > 5) {
  console.log("x 大于 5");
} else {
  console.log("x 小于等于 5");
}

循环语句

JavaScript 支持 for、while 和 do...while 循环。

// example
for (let i = 0; i < 5; i++) {
  console.log(i);
}

let j = 0;
while (j < 5) {
  console.log(j);
  j++;
}

let k = 0;
do {
  console.log(k);
  k++;
} while (k < 5);

函数

函数是将代码段封装在一起以便于再次使用的方法。使用 function 关键字定义函数。

// example
function add(x, y) {
  return x + y;
}
console.log(add(1, 2)); // 3

对象

对象是一组属性的集合。属性由键和值组成，用逗号分隔。

// example
let person = {name: "小明", age: 18};
console.log(person.name); // 小明

事件

JavaScript 通过事件来响应用户的操作。事件可以是某个元素被点击、页面加载完成、或者表单被提交等。

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

总结

JavaScript 是前端编程中的重要组成部分。它可以用于在 web 页面中创建交互式效果，以及编写后端 JavaScript 代码。在学习 JavaScript 时，可以从基础语法、函数以及事件开始学起。