JavaScript初识

**JavaScript 初识**

JavaScript 是一种广泛使用的编程语言，主要用于客户端脚本。它最初是由Netscape Communications公司的布兰登·艾奇（Brendan Eich）在1995年创造的。JavaScript 的名字最初是 JavaScript，但后来改为 ECMAScript，以避免与 Sun Microsystems 的 Java语言混淆。

**JavaScript 的特点**

JavaScript 有以下几个重要的特点：

1. **客户端脚本**: JavaScript 是一种客户端脚本语言，这意味着它可以在浏览器中运行，而不需要服务器的支持。
2. **动态性**: JavaScript 是一种动态类型语言，这意味着变量的数据类型在程序执行期间可以改变。
3. **面向对象**: JavaScript 支持面向对象编程，允许创建类和实例。
4. **事件驱动**: JavaScript 的设计是基于事件驱动的，这意味着程序的执行是由用户交互或其他事件触发的。

**JavaScript 的基本数据类型**

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

1. **数字**: JavaScript 中的数字类型是64 位浮点数。
2. **字符串**: JavaScript 中的字符串类型是 UTF-16 编码的字符串。
3. **布尔值**: JavaScript 中的布尔值类型有两个值：true 和 false。
4. **未定义**: JavaScript 中的 undefined 类型表示一个未初始化或不存在的变量。
5. **null**: JavaScript 中的 null 类型表示一个空对象指针。

**JavaScript 的变量**

在 JavaScript 中，变量是使用 var 关键字声明的。例如：

javascriptvar name = "John";

这里，name 是一个字符串类型的变量，其值为 "John"。

**JavaScript 的函数**

在 JavaScript 中，函数是使用 function 关键字声明的。例如：

javascriptfunction greet(name) {
 console.log("Hello, " + name);
}

这里，greet 是一个函数，其参数是 name，函数体内输出一条消息到控制台。

**JavaScript 的条件语句**

在 JavaScript 中，有以下几种条件语句：

1. **if**: if 条件语句用于根据某个条件执行代码块。

javascriptif (age >=18) {
 console.log("You are an adult.");
}

2. **else**: else 条件语句用于根据某个条件执行另一个代码块。

javascriptif (age < 18) {
 console.log("You are a minor.");
} else {
 console.log("You are an adult.");
}

3. **switch**: switch 条件语句用于根据某个值执行不同的代码块。

javascriptswitch (day) {
 case "Monday":
 console.log("Today is Monday.");
 break;
 case "Tuesday":
 console.log("Today is Tuesday.");
 break;
 default:
 console.log("Unknown day.");
}

**JavaScript 的循环语句**

在 JavaScript 中，有以下几种循环语句：

1. **for**: for 循环语句用于根据某个条件执行代码块。

javascriptfor (var i =0; i < 5; i++) {
 console.log(i);
}

2. **while**: while 循环语句用于根据某个条件执行代码块。

javascriptvar i =0;
while (i < 5) {
 console.log(i);
 i++;
}

3. **do-while**: do-while 循环语句用于根据某个条件执行代码块。

javascriptvar i =0;
do {
 console.log(i);
 i++;
} while (i < 5);

**JavaScript 的数组**

在 JavaScript 中，数组是使用 Array 类型声明的。例如：

javascriptvar colors = ["red", "green", "blue"];
console.log(colors[0]); // outputs: red

这里，colors 是一个数组，其元素为三个字符串。

**JavaScript 的对象**

在 JavaScript 中，对象是使用 Object 类型声明的。例如：

javascriptvar person = {
 name: "John",
 age:30,
 occupation: "Developer"
};
console.log(person.name); // outputs: John

这里，person 是一个对象，其属性为三个键值对。

**JavaScript 的事件**

在 JavaScript 中，有以下几种事件：

1. **点击事件**: 点击事件用于响应用户点击某个元素。

javascriptdocument.getElementById("button").addEventListener("click", function() {
 console.log("Button clicked.");
});

2. **鼠标移动事件**: 鼠标移动事件用于响应用户移动鼠标。

javascriptdocument.getElementById("div").addEventListener("mousemove", function(event) {
 console.log("Mouse moved to x=" + event.clientX + ", y=" + event.clientY);
});

3. **键盘输入事件**: 键盘输入事件用于响应用户输入某个键。

javascriptdocument.addEventListener("keydown", function(event) {
 console.log("Key pressed: " + event.key);
});

**JavaScript 的异步编程**

在 JavaScript 中，有以下几种异步编程方式：

1. **回调函数**: 回调函数用于响应某个事件或操作完成。

javascriptfunction loadScript(src, callback) {
 var script = document.createElement("script");
 script.src = src;
 document.head.appendChild(script);
 script.onload = function() {
 callback();
 };
}

2. **Promise**: Promise 是一种异步编程方式，用于响应某个操作完成。

javascriptfunction loadScript(src) {
 return new Promise(function(resolve, reject) {
 var script = document.createElement("script");
 script.src = src;
 document.head.appendChild(script);
 script.onload = function() {
 resolve();
 };
 script.onerror = function() {
 reject();
 };
 });
}

3. **async/await**: async/await 是一种异步编程方式，用于响应某个操作完成。

javascriptfunction loadScript(src) {
 return new Promise(function(resolve, reject) {
 var script = document.createElement("script");
 script.src = src;
 document.head.appendChild(script);
 script.onload = function() {
 resolve();
 };
 script.onerror = function() {
 reject();
 };
 });
}

async function main() {
 await loadScript(" /> console.log("Script loaded.");
}

以上就是 JavaScript 初识的内容。JavaScript 是一种非常强大的编程语言，适合用于客户端脚本和服务器端脚本。它有很多特点，如动态性、面向对象、事件驱动等。JavaScript 有很多基本数据类型，如数字、字符串、布尔值、未定义和 null 等。JavaScript 的变量是使用 var 关键字声明的，函数是使用 function 关键字声明的。JavaScript 有很多条件语句，如 if、else 和 switch 等。JavaScript 有很多循环语句，如 for、while 和 do-while 等。JavaScript 有很多数组和对象类型，如 Array 和 Object 等。JavaScript 有很多事件，如点击事件、鼠标移动事件和键盘输入事件等。JavaScript 有很多异步编程方式，如回调函数、Promise 和 async/await 等。

**参考资料**

* MDN Web Docs: JavaScript* W3Schools: JavaScript Tutorial* Mozilla Developer Network: JavaScript Guide