JavaScript- 1.2 ECMA基本语法和控制流-CSDN博客

var：函数作用域，存在变量提升现象。
javascript
```
var x = 10;
console.log(x); // 10
```
let：块级作用域，无变量提升，不可重复声明。
javascript
```
let y = 20;
console.log(y); // 20
```
const：块级作用域，声明常量，必须初始化且不可重新赋值（但对象属性可修改）。
javascript
```
const PI = 3.14;
console.log(PI); // 3.14
```

2. 数据类型

原始类型：Number、String、Boolean、Null、Undefined、Symbol（ES6 新增）、BigInt（ES2020 新增）。
引用类型：Object（包括 Array、Function、Date 等）。

3. 运算符

算术运算符：+、-、*、/、%。
比较运算符：==（宽松相等）、===（严格相等）、>、<、>=、<=。
逻辑运算符：&&（逻辑与）、||（逻辑或）、!（逻辑非）。
赋值运算符：=、+=、-=、*=、/=。

4. 函数

函数声明：
javascript
```
function add(a, b) {
  return a + b;
}
```
箭头函数（ES6）：
javascript
```
const add = (a, b) => a + b;
```

5. 对象与数组

对象：

javascript

const person = {
  name: "Alice",
  age: 25,
  greet: function() {
    console.log("Hello!");
  }
};

数组：
javascript
```
const numbers = [1, 2, 3, 4, 5];
```

6. 模板字符串（ES6）

javascript

const name = "Alice";
console.log(`Hello, ${name}!`); // Hello, Alice!

7. 解构赋值（ES6）

数组解构：

javascript

const [a, b] = [1, 2];
console.log(a, b); // 1 2

对象解构：

javascript

const { name, age } = { name: "Alice", age: 25 };
console.log(name, age); // Alice 25

2、ECMAScript 控制流

1. 条件语句

if...else：

javascript

if (x > 0) {
  console.log("Positive");
} else if (x < 0) {
  console.log("Negative");
} else {
  console.log("Zero");
}

switch：

javascript

switch (x) {
  case 1:
    console.log("One");
    break;
  case 2:
    console.log("Two");
    break;
  default:
    console.log("Other");
}

2. 循环语句

for 循环：

javascript

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

while 循环：

javascript

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

do...while 循环：

javascript

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

for...in 循环（遍历对象属性）：

javascript

const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
  console.log(key, obj[key]);
}

for...of 循环（ES6，遍历可迭代对象）：

javascript

const arr = [1, 2, 3];
for (const value of arr) {
  console.log(value);
}

3. 跳转语句

break：跳出循环或 switch 语句。
continue：跳过当前循环的剩余部分，进入下一次循环。
return：从函数中返回。

4. 异常处理

try...catch...finally：

javascript

try {
  // 可能出错的代码
  const result = 10 / 0;
} catch (error) {
  // 错误处理
  console.error("An error occurred:", error);
} finally {
  // 无论是否出错都会执行的代码
  console.log("This always runs.");
}

3、总结

ECMAScript 的基本语法和控制流是 JavaScript 开发的基础。掌握变量声明、数据类型、运算符、函数、对象与数组、模板字符串、解构赋值等基本语法，以及条件语句、循环语句、跳转语句和异常处理等控制流，能够帮助开发者编写高效、可维护的代码。随着 ECMAScript 版本的更新（如 ES6+），新增的特性（如箭头函数、模板字符串、解构赋值等）进一步简化了代码的编写，提升了开发效率。

二、代码实践

代码如下：

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ECMA基本语法和控制流</title>
	</head>
	<body>
		<script type="text/javascript">
			var a=[1,2,3];
			var sum=0;
			for (var i=0;i<a.length;i++) {
				sum +=a[i]
				
			}
			console.log(sum);
			document.write(sum);
		</script>
	</body>
</html>

代码运行如下：