es6新语法 - 技术栈

es6新语法

liuyang___2025-08-22 10:22

今天学了点es6的新语法，给大家分享一下

复制代码

  let [a, b, c] = [1, 2, 3];
      console.log(a);
      let [e, ...d] = [1, 2, 3, 4, 5];
      console.log(e);
      console.log(d);
      let [x, y, z] = new Set(['a', 'b', 'c']);
      console.log(y);

（1）首先分享的就是这种数组的解构赋值，它可以根据位置自动匹配赋值！然后还有对象的解构赋值，对象的解构赋值需要对象名称对应上才可以！

复制代码

for(let a of [1,2,3]){
        console.log(a);
    }

（2）这个就很简单了就是一个新语法分享...叫for ... of，要是没见过的话，可能不太认识这种写法。

复制代码

0b111110111 === 503 // true
0o767 === 503 // true


Number('0b111')  // 7
Number('0o10')  // 8

（3）es6还提供了8进制和2禁止的写法，2进制用0b（0B），8进制用0o（或0O）

复制代码

function log(x, y = 'World') {
  console.log(x, y);
}

（4）es6提供了直接在函数默认参数值的写法，我觉得这个非常不错！

复制代码

var f = v => v;

// 等同于
var f = function (v) {
  return v;
};

（5）这个最关键了，箭头函数，好多写法都是这样的了，别看不懂哦~