ES6（笔记）

/* 箭头函数

         //  语法： var fn = (形参) => {console.log();}

           var sum = (num1, num2) => { return num1 +num2; };

           console.log(sum(6, 8));

           var functionExpressionSum = function (a, b) {

               return a + b ;

           };

           console.log(functionExpressionSum(6, 8));

           

           // 解构赋值

           // 解构数组

           var arr = ['hello','world']

           // 开始解构.  注意：解构数组使用[].

           var [ a, b] = arr

           console.log(a);

           console.log(b);

           

          // 解构对象

          var obj = {name:'rose', age:18}

          // 表示定义叫做 name, age 的变量， 获取的是 obj 内 name , age 的成员的值

          var {name, age} = obj

          console.log(name, age);

          //  模板字符串

          语法： var str = `内容`

          功能：1：可以实现换行

                2：可以直接解析变量

                实例： var age = 18

                var s1 = `我是前端小飞狼，${age}`

           //  ES6 的展开运算符：...

           作用：展开数组[] 或者展开对象的{}

           实例： var arr = [11, 22, 33, 44]

                  console.log(...arr)  

                 

            作用1： 合并数组

            var arr1 = [1, 2]

             var arr2 = [3,4]

             var arr3 = [...arr1,  ...arr2]

             作用2：给函数传递参数

             实例：求数组中最大值

             var arr = [11， 22， 33， 44， 550]

             var max =Math.max(...arr)

        // 展开对象

           作用：用来赋值对象

           // 注意：展开书写的顺序问题，在有相同成员的时候要注意。

           // ES6 的类语法

              语法： class 类名 {

                  constuctor () {}

                  // 直接书写原型上的方法即可

                  // 书写静态属性和方法，需要加上一个 static 关键字即可

              }

              注意： 必须和 new 关键字连用

              实例： class Person {

                constuctor (name, age) {

                    // 这里按照 ES5 的构造函数书写

                    this.name = name

                    this.age = age

                }

               

                // 直接书写原型上的方法即可

                sayHi () {console.log('你好, 中国')}

                // 静态属性

                static a = 100

                // 静态方法

                static go () {console.log('running')}

              }

              var p1 = new Person('张三'，18)

              console.log(p1);

              p1.sayHi()

              // 使用惊涛属性和静态方法

              Person.go()

              console.log(Person.a)

          */