JavaScript基本语法

**JavaScript 基本语法**

JavaScript 是一种广泛使用的脚本语言，主要用于客户端脚本（在浏览器中执行）和服务器端脚本（通过 Node.js 等环境）。它被广泛应用于 web 开发、移动应用开发等领域。下面是 JavaScript 的基本语法。

###1. 变量和数据类型JavaScript 中的变量使用 `let` 或 `var` 关键字声明，后者在严格模式下会报错。

javascript// 使用 let 声明变量let name = 'John Doe';
console.log(name); // John Doe// 使用 var 声明变量（不推荐）
var age =30;
console.log(age); //30

JavaScript 支持以下数据类型：

* **数字**：整数和小数。
* **字符串**：用双引号或单引号括起来的文本。
* **布尔值**：true 或 false。
* **null**：表示空值。
* **undefined**：表示未定义的变量。

javascript// 数字类型let num =10;
console.log(num); //10// 字符串类型let str = 'Hello, World!';
console.log(str); // Hello, World!

// 布尔值类型let flag = true;
console.log(flag); // true// null 类型let obj = null;
console.log(obj); // null// undefined 类型let var1;
console.log(var1); // undefined

###2. 运算符JavaScript 支持以下运算符：

* **算术运算符**：`+`、`-`、`*`、`/`、`%` 等。
* **比较运算符**：`==`、`!=`、`===`、`!==` 等。
* **逻辑运算符**：`&&`、`||`、`!` 等。

javascript// 算术运算符示例let a =10;
let b =5;
console.log(a + b); //15console.log(a - b); //5console.log(a * b); //50console.log(a / b); //2console.log(a % b); //0// 比较运算符示例let c =10;
let d =5;
console.log(c == d); // falseconsole.log(c != d); // trueconsole.log(c === d); // falseconsole.log(c !== d); // true// 逻辑运算符示例let e = true;
let f = false;
console.log(e && f); // falseconsole.log(e || f); // trueconsole.log(!e); // false

###3. 控制结构JavaScript 支持以下控制结构：

* **if**：用于条件判断。
* **switch**：用于多分支选择。
* **for**：用于循环迭代。
* **while**：用于循环迭代。

javascript// if 示例let g =10;
if (g >5) {
 console.log('大于5');
} else {
 console.log('小于或等于5');
}

// switch 示例let h = 'A';
switch (h) {
 case 'A':
 console.log('A');
 break;
 case 'B':
 console.log('B');
 break;
 default:
 console.log('其他值');
}

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

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

###4. 函数JavaScript 支持函数定义和调用。

javascript// 函数定义示例function add(a, b) {
 return a + b;
}

console.log(add(10,20)); //30// 匿名函数示例let k = function (a, b) {
 return a * b;
};

console.log(k(5,6)); //30

###5. 对象和数组JavaScript 支持对象和数组的定义和操作。

javascript// 对象定义示例let person = {
 name: 'John Doe',
 age:30,
 address: {
 street: '123 Main St',
 city: 'Anytown',
 state: 'CA',
 zip: '12345'
 }
};

console.log(person.name); // John Doe// 数组定义示例let numbers = [1,2,3,4,5];

console.log(numbers[0]); //1// 对象和数组的操作示例person.age++;
numbers.push(6);

console.log(person.age); //31console.log(numbers); // [1,2,3,4,5,6]

###6. 正则表达式JavaScript 支持正则表达式的定义和使用。

javascript// 正则表达式定义示例let regex = /hello/g;

console.log(regex.test('hello world')); // true// 正则表达式的匹配示例let str = 'hello world';
let match = str.match(regex);

console.log(match); // ['hello']

###7. 异步编程JavaScript 支持异步编程的定义和使用。

javascript// 回调函数示例function callback() {
 console.log('回调函数被调用');
}

setTimeout(callback,1000);

// Promise 示例let promise = new Promise((resolve, reject) => {
 setTimeout(() => {
 resolve('Promise 被 resolved');
 },1000);
});

promise.then((value) => {
 console.log(value); // Promise 被 resolved});

###8. async/awaitJavaScript 支持async/await的定义和使用。

javascript// async/await 示例async function asyncFunction() {
 await new Promise((resolve, reject) => {
 setTimeout(() => {
 resolve('async/await 被 resolved');
 },1000);
 });
}

asyncFunction().then((value) => {
 console.log(value); // async/await 被 resolved});

上述内容是 JavaScript 基本语法的总结，涵盖了变量和数据类型、运算符、控制结构、函数、对象和数组、正则表达式、异步编程和async/await等方面。