ES6语法

ES6常用语法

• 变量声明let与const
• 变量的解构函数
• 字符串的扩展
• 函数扩展

变量声明

let

作用：与var类似，用于声明一个变量

特点：

1. 在块作用域内有效

   ｛
         let flag = 111;
         console.log(flag);
     ｝

    

2. 不能重复声明

   let flag = 123;
   let flag = 456;
   console.log(flag);

    

3. 不会预处理，不存在变量提升

   console.log(flag);
   var flag = 123;
   let  flag = 456;

    

应用：

1. 循环遍历加监听（for循环绑定点击事件，事件处理函数内使用for的变量）
2. 使用let取代var

const

作用：定义一个常量

特点：

1. 常量不能修改
2. 其他特点同let

应用：

1. 保存不用改变数据

变量的解构函数

定义：从对象或数组中提取数据，并复制给变量（多个）

对象的解构赋值

变量名一定要对应对象的属性名

let{n,a} = {n:'tom',a:'12'};
consol,log(n,a);

 

数组的解构函数

变量名和数组下标对应

let arr = [1,2,3];
let [a,b,c] = arr;
console.log(a,b,c);

 

字符串的解构赋值

let [a,b,c,d,e]="hello";
console.log(a,b,c,d,e);

 

解构函数中的参数

let obj ={a:"1",b:"2"};
function foo({a,b}){
    console.log(a,b);
}
foo(obj);

　　

 

字符串的扩展

• includes()
• startWith()
• endWith()

1. includes()  判断字符串是否含有指定的字串 （有返回true,没有false)  参数一：匹配的字串；参数二：从第二个开始匹配

   console.log('hello world'.includes('world',7));

2. startswith() 判断字符串是否以特定的字串开始

   let url = 'admin/index.php';
   console.log(url.startsWith('aadmin'));

3.  endswith() 判断字符串是否以特定的字串结束

   let url = 'admin/index.php';
   console.log(url.endsWith('phph'));

    

函数扩展

• 参数默认值
• 参数结构赋值
• rest参数
• ...扩展运算符

 

1. 参数默认值

   function foo(param){
         let p =param || 'hello';
         console.log(p);
   }
   foo('hi');

    

2. 参数解构赋值    （会覆盖）

   function foo({uname='lisi',age=13}){
        console.log(uname,age);
   }
   foo.({uname:'zhangsan',age:15});

    

3. rest参数（剩余参数）

   function foo(a,b,...param){
         console.log(a);
         console.log(b);
         console.log(param);
   }
   foo(1,2,3,4,5);

    

4. 扩展运算符

   function foo(a,b,c,d,e,f,g){
        console.log(a+b+c+d+e+f+g);
   }
   foo(1,2,3,4,5);