ES6教学视频

### 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开发来说是非常重要的。希望对你有所帮助！