### ES6教学视频知识点概述
#### 一、ECMAScript 6 (ES6)简介
- **定义**：ECMAScript 6（简称ES6），是JavaScript语言的标准规范的一个版本，由ECMA国际制定。
- **发布日期**：2015年6月正式发布。
- **目的**：为了解决JavaScript语言的不足，提高开发效率，增加新特性。
#### 二、数值扩展
- **Number.isFinite()**：检查一个数值是否为有限数。
- **示例**：
```javascript
console.log(Number.isFinite(10)); // true
console.log(Number.isFinite(Infinity)); // false
```
- **Number.isNaN()**：检查一个数值是否为NaN。
- **示例**：
```javascript
console.log(Number.isNaN(NaN)); // true
console.log(Number.isNaN(10)); // false
```
- **Number.parseInt() 和 Number.parseFloat()**：将字符串转换成整数或浮点数。
- **示例**：
```javascript
console.log(Number.parseInt('10px')); // 10
console.log(Number.parseFloat('10.5px')); // 10.5
```
#### 三、函数扩展
- **默认参数**：允许在函数定义时直接设置参数的默认值。
- **示例**：
```javascript
function greet(name, greeting = "Hello") {
return greeting + ', ' + name;
}
console.log(greet("John")); // Hello, John
console.log(greet("John", "Hi")); // Hi, John
```
- **剩余参数**：允许将不定数量的参数收集到一个数组中。
- **示例**：
```javascript
function sum(...numbers) {
return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // 10
```
- **箭头函数**：提供了一种更简洁的函数写法，并且改变了this的指向。
- **示例**：
```javascript
const add = (a, b) => a + b;
console.log(add(1, 2)); // 3
```
#### 四、字符串扩展
- **模板字符串**：允许使用反引号(``)来定义字符串，并可以嵌入表达式。
- **示例**：
```javascript
let name = "John";
console.log(`Hello, ${name}!`); // Hello, John!
```
- **String.startsWith() 和 String.endsWith()**：检测字符串是否以某个子串开头或结尾。
- **示例**：
```javascript
let str = "Hello, world!";
console.log(str.startsWith("Hello")); // true
console.log(str.endsWith("!")); // true
```
- **String.includes()**：检测字符串是否包含指定子串。
- **示例**：
```javascript
let str = "Hello, world!";
console.log(str.includes("world")); // true
```
#### 五、Set和Map数据结构
- **Set**：用于存储唯一的值集合。
- **创建**：
```javascript
let set = new Set([1, 2, 3]);
```
- **操作**：
```javascript
set.add(4); // 添加元素
set.delete(2); // 删除元素
console.log(set.has(3)); // 检查元素是否存在
```
- **Map**：用于存储键值对。
- **创建**：
```javascript
let map = new Map([["key1", "value1"], ["key2", "value2"]]);
```
- **操作**：
```javascript
map.set("key3", "value3"); // 设置键值对
console.log(map.get("key1")); // 获取值
map.delete("key2"); // 删除键值对
console.log(map.has("key3")); // 检查键是否存在
```
#### 六、Class基本语法
- **类定义**：
```javascript
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
introduce() {
console.log(`My name is ${this.name}, I am ${this.age} years old.`);
}
}
```
- **继承**：
```javascript
class Student extends Person {
constructor(name, age, grade) {
super(name, age);
this.grade = grade;
}
study() {
console.log(`${this.name} is studying.`);
}
}
```
- **静态方法**：
```javascript
class Person {
static create(name) {
return new Person(name, 18);
}
}
```
以上就是关于ECMAScript 6中的一些基础知识点的详细介绍。这些新特性的引入大大提高了JavaScript的开发效率和代码可读性，对于现代Web开发来说是非常重要的。希望对你有所帮助！
