百度智能小程序 esnext

SJS 支持部分 ES6 语法。

let & const

代码示例 

// demo.sjs
function foo(){
    let str = 'hello sjs';
    if (true) {
        let count = 2;
    }
    console.log(str); // hello sjs
    console.log(count); // 引用错误：count 未定义
}

箭头函数

代码示例 

// demo.sjs
const arr = [1, 2, 3];
const double = x => x * 2;
console.log(arr.map(double)); // output: [2, 4, 6]

var obj = {
    birth: 1970,
    getAge() {
        const b = this.birth;
        const fn = () => new Date().getFullYear() - this.birth;
        return fn();
    }
};
obj.getAge();

更简洁的对象字面量（enhanced object literal）

代码示例 

var num = 1;
var obj = {
    num, // 对象属性
    printNum() { // 对象方法
    console.log(num);
    }
};
obj.printNum(); // 1

注： 不支持super关键字，不能在对象方法中使用super

模板字符串（template string）

const NAME = 'sjs';
const msg = `hello ${NAME}`; // hello sjs

解构赋值（Destructuring）

代码示例 

// array 解构赋值
var [a, ,b] = [1, 2, 3];
a === 1; // true
b === 3; // true

// 对象解构赋值
let { foo , bar } = { foo: 'aaa', bar: 'bbb' };
// foo = 'aaa'
// bar = 'bbb'

// 函数参数解构赋值
// 1.参数是一组有次序的值
function f1([x, y, z]) {
    console.log(x); // 1
    console.log(y); // 2
    console.log(z); // 3
}
f1([1, 2, 3]);

// 2.参数是一组无次序的值
function f2({x, y, z}) {
    console.log(x); // 1
    console.log(y); // 2
    console.log(z); // 3
}
f2({z: 3, y: 2, x: 1});

// 解构赋值默认值
var [a = 1] = [];
a === 1; // true

// 函数参数：解构赋值 + 默认值
function r({a, b, c = 3, d = 4}) {
    return a + b + c + d;
}
r({a: 1, b: 2}) === 10; // true

Default + Rest + Spread

代码示例 

// 1. Default
function f1(x, y = 2) {
    // 如果不给y传值，或者传值为undefied，则y的值为12
    return x + y;
}
f1(1) === 3; // true

// 2. Rest
function f2(x, ...arr) {
    return x * arr.length;
}
f2(3, 'hello', 'sjs') === 6; // true

// 3. Spread
function f3(x, y, z) {
    return x + y + z;
}
f3(...[1,2,3]) == 6; // 数组解构

// 4. Rest + Spread
const [a, ...b] = [1, 2, 3]; // 数组解构赋值, b = [2, 3]
const {c, ...other} = {c: 1, d: 2, e: 3}; // 对象解构赋值, other = {d: 2, e: 3}
const f = {...other}; // 对象解构 f = {d: 2, e: 3}