ES6新增方法

ES6发布于2015年，增加了重要的新特性（包括类和模块语法）。这些新特性把javaScript从一门脚本语言转变成一门适合大规模软件工程的严肃、通用的语言。

主要介绍：es6新增的变量声明方式，es6新增的数组方法,字符串模板,箭头函数 =>,解构赋值，class类，for of循环和新增的字符串方法

let 关键字用来声明变量（类似于旧javaScript中的var声明）但是使用 let 声明的变量有以下几个特点 ↓

1、不存在变量声明提升

2、存在块级作用域

3、存在暂时性死区

4、不允许重复声明

for(作用域A){作用域B} 循环的应用；

const 关键字用来声明常量，其使用规则除了声明之后不能修改之外，其他特征和let一样 ↓

const的本质：const定义的变量并非是常量，并非不可变。不允许被改变的是地址，不是变量，使用const定义对象或者是数组时，其实是可变。

但是：我们不能对常量数值进行赋值，会报错

indexof(val，index) 参数1是我们要寻找的项，参数2是我们起始寻找项的索引号

forEach(function(val，index){ }) 对数组进行循环遍历，这个方法没有返回值

filter(callback) 功能上遍历和过滤，返回符合条件的元素，filter在循环的时候会判定一下是true还是false，是true才会返回。

map(callback) map可以改变当前循环的值，返回一个新的被改变过值之后的数组map需return），一般用来处理需要修改某一个数组的值。映射

some() 数组中有一个数组元素满足条件，就返回true

every() 数组中所有数组元素满足条件，就返回true

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值

reduceRight() 同上 ↑ reduce()，区别是从右到左

当我们需要输出一段话的时候

旧的写法：

模板字符串的写法

我们在页面中输出一个表格，里面字符串带表达式，等等

箭头函数是函数以往写法的一种简写形式，只能以赋值形式存在，箭头函数如果只有一个参数的情况下，可以直接写参数省略括号使用

也是有好处的，需要：想让定时器或者延时器里面的this指向的也是对象，怎么办呢？

箭头函数本身上面是没有this，它的this可以去上一层去找

箭头函数 ↓

可以嵌套

对象解构

repeat() 重复功能 （）参数表示重复多少遍

includes() 判定字符串中是否存在某个字符串

startsWith() endsWith() 也是判定字符串中是否存在某个字符串

padStart() 用于头部补全 padEnd() 用于尾部补全。

trimStart()和trimEnd()

trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格。它们返回的都是新字符串，不会修改原始字符串。

ES6新增的方法就介绍到这里了，谢谢大家！

generator函数的语法糖。

Async 函数返回一个 Promise 对象，当函数执行的时候，遇到 await 就会先返回，等到异步处理完成之后，再接着处理函数体内await后面的语句。

eg1

上面这个async函数大概效果就是，请求’categorySearch‘接口，获取返回结果，并把获取到的data值赋值给’searchResult‘。

分析为什么要这么写 ？

service应该改是个异步接口请求的方法，请求需要一定时间；我们必须等接口请求成功有返回值时，才能给searchResult赋值；否则searchResult赋值结果可能是空。

eg2

这个async函数例子和上面的例子最大的区别就是加了then()方法处理。

为什么可以使用then？

async函数返回的是一个Promise对象，所以可以使用then方法处理。而且， async函数内部return语句的返回值，会成为then方法回电函数的参数 。

同样，async函数也可以使用catch方法处理错误。

有上面的两个简单的例子可以看出来主要有下面两个。

以上总结主要来自于 阮一峰的ES6入门教程之async一章

<script>

        / // 定义一个Person类型

        class Person{

            // 构造函数

            constructor ( name,age,gender ){

                thisname = name,

                thisage = age

                thisgender = gender

            }

            // 给类添加一个方法

            sayHi() {

                consolelog(thisname,thisage,thisgender);

            }

            //用这种方式定义的方法，是将方法定义到类的原型对象中去

            sayHello() {

                consolelog('hello!');

            }

        } /

        // 继承

        / // ES5:

        // 定义一个人类

        function Person(name, age, gender) {

            thisname = name

            thisage = age

            thisgender = gender

        }

        Personprototypeeat = function () {

            consolelog(`我叫${thisname},我在吃饭`);

        }

        Personprototypesay = function () {

            consolelog(`大家好！我叫${thisname} 今年${thisage}岁 性别是${thisgender}`);

        }

        // 通过Person类型，创建出了两个对象

        let p1 = new Person('刘德龙', 20, '男')

        p1say()

        p1eat()

        let p2 = new Person('高德政', 21, '男')

        p1say()

        p1eat()

        consolelog('-------------------------------------');

        //定义了学生类

        function Student(name, age, gender, no) {

            // 继承Person类的属性

            Personcall(this, name, age, gender)

            // Student类特有的属性

            thisno = no

        }

        // 给Student类的prototype属性 new 一个Person类型的对象

        // 用于继承Person类的方法

        Studentprototype = new Person()

        Studentprototypestudy = function () {

            consolelog(`我叫${thisname},我的学号是${thisno},我在学习`);

        }

        let s1 = new Student('张三', 20, '女', '1001')

        s1study()

        s1eat()

        s1say() /

        // ES6:

        // 定义人类

        class Person {

            // 定义构造函数

            constructor(name, age, gender) {

                thisname = name

                thisage = age

                thisgender = gender

            }

            // 说话方法

            say() {

                consolelog(`大家好！我叫${thisname} 今年${thisage}岁 性别是${thisgender}`);

            }

            // 吃方法

            eat() {

                consolelog(`我叫${thisname},我在吃饭`);

            }

        }

        // 每个类型都一个prototype属性，我们称它为类的原型对象。

        // 类的 原型对象中的成员 ，给类的 所有实例 （实例就是类创建出来的对象） 共享 。

        consolelog(Personprototype);

        // 通过Person类型，创建出了两个对象

        let p1 = new Person('刘德龙', 20, '男')

        consolelog(p1);

        p1say()

        p1eat()

        let p2 = new Person('高德政', 21, '男')

        consolelog(p2);

        p1say()

        p1eat()

        consolelog('-------------------------------------');

        // extends关键字，表示继承

        class Student extends Person{

            // 构造函数

            constructor(name, age, gender,no){

                // 调用父类的构造函数

                super(name, age, gender)

                // 学生特有的属性

                thisno = no

            }

            //学生学习的方法

            study(){

                consolelog(`我叫${thisname},我的学号是${thisno},我在学习`);

            }

        }

        let s1 = new Student('张三', 20, '女', '1001')

        consolelog(s1);

        s1study()

        s1eat()

        s1say()

</script>