ES6 学习笔记二

函数的扩展

• 函数参数默认值

  const app = new Vue({
      el:'#app',
      data:{
        message:'我的卡号为xxxxx',
      },
      methods:{
          getName(second,first='李'){
              console.log(second,first);
          },
      },
      mounted() {
          let a = '艳茹';
          let b = '王';
          this.getName(a);
          this.getName(a,b);
      }
  });

• 函数不定参数(扩展运算符的运用)

  const app = new Vue({
      el:'#app',
      data:{
        message:'我的卡号为xxxxx',
      },
      methods:{
          getNames(name,...names){
              console.log(name,names);//张静 ['廖艳茹','柯瑶']
          },
      },
      mounted() {
          let a = '张静';
          let b = '廖艳茹';
          let c = '柯瑶';
          this.getNames(a,b,c);
      }
  });

• 箭头函数

  1、如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分
  2、如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回
  3、由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错
  4、箭头函数可以与变量解构结合使用

set 与 map 数据结构

1、Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的
2、Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值

遍历方法

const arr = [1,2,3,4,5];
for(let i=0;i<5;i++){ //有用
    if(i === 2){
        continue;
        //break;
        //return;
    }
    console.log(i);
}

for(let i in arr){ //有用，i 是键名，并非元素值
    if(i === '2'){
        continue;
        //break;
        //return;
    }
    console.log(arr[i]);
}

for(let i of arr){ //有用
    if(i === 2){
        //continue;
        //break;
        //return;
    }
    console.log(i);
}

arr.forEach(i => {
    if(i === 2){
        //continue;
        //break;
        return;
    }
    console.log(i);
})

本作品采用《CC 协议》，转载必须注明作者和本文链接