与 ES6 的战斗

周大胖子

引入文件：

1. import "./src/arrow.js"

复制代码

该 .js 可以省略

周大胖子

常量：

2. es5 中常量的写法 ：  Object.defineProperty(window,"PI2",{
3.                                 value: 3.24132,   //默认值
4.                                 writable: false,   //只读
5.                                
6.                         })
8. es6 中常量的写法 ：   const pi = 3.14

复制代码

周大胖子

作用域

在 ES6 中 一个  { }  就是一个单独的作用域

周大胖子

1. 箭头函数：
3.         ()=>{
5.         }
7.            【 （小括号里是参数）  参数只有一个的时候：  () 的 值 可以不写  】
8.         
9.         【{ }  如果 花括号里的表达式 可以直接作为返回值 那就可以省略 花括号】
10.         
11.         以前是： function a(){ }
12.         

复制代码

周大胖子

Es5：         this 的 指向 ： 哪个函数调用了谁  this 就指向谁

ES6：         this 的 指向 ： 谁定义了 this  this 就指向谁

周大胖子

1. ES5 的 写法：
3.                 var arr = [1,2,3,4,5]
5.                 var odd = arr.map(function(v){
6.                         return v + 1     //这里 v  就是循环里面的值
8.                 })
10.                 console.log(odd)   //结果 2,3,4,5,6
12.        
13.         ES6 的 写法：
15.                 {
16.                         let events = [1,2,3,4]
18.                         let odds = events.map( v => v+1);
19.                        
20.                         console.log(odds)
21.                
22.                 }

复制代码

周大胖子

默认参数：

1. Es6 写法：        function f(x,y = 7 , z = 42){ return x + y + z        }
3.         必选参数：
5.                 {
6.                                        
7.                         function checkParameter(){
8.                                 throw new Erroe('can\'t be empty')
9.                         }
10.                         function f(x = checkParameter(),y = 7, z= 42){
11.                                 return x + y + z
12.                         }
14.                         try{
16.                         }catch(e){
17.                                 console.log(e)
19.                         } finally{
21.                         }
23.                 }

复制代码

周大胖子

可变参数的处理
可变长度扩展符号 ...a  这就是列表的意思 所以下面的操作

1. function f(...a){
2.                 var sum = 0;
3.                 a.forEach(item=>{
4.                   sum+=item*1
5.                 });
6.                 return sum
7.         }

复制代码

周大胖子

数组合并

1.         //ES5 的写法：
3.                 var params = ['hello', true ,7];
5.                 var other = [1,2].concat(params);
7.                         console.log(other);

复制代码

1. //ES6 的写法：
3.         {
4.         let params = ['hellow' , true ,7]
6.         var other = [1 , 2 , ...params];
8.         console.log(other)
9.        
10.         };

复制代码

周大胖子

模板字符串：

1. var name='胖子';var age = '28console.log(name + '的年龄是'+ age);

复制代码

ES6写法   注意 console里面的不是单引号 而是 ESC下面的 那个 啥符号来着  

1. var name='胖子';var age = '28console.log(`${name}的年龄是${age}`)

复制代码