esnext

SJS 支持部分 ES6 语法。

let & const

代码示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

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

箭头函数

代码示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

// demo.sjs
const arr = [1, 2, 3];
const double = x => x * 2;
// output: [2, 4, 6]
console.log(arr.map(double)); 
var obj = {
    birth: 1970,
    getAge() {
        const b = this.birth;
        const fn = () => new Date().getFullYear() - this.birth;
        return fn();
    }
};
obj.getAge();

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

代码示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

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

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

模板字符串（template string）

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

解构赋值（Destructuring）

代码示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

// array 解构赋值
var [a, ,b] = [1, 2, 3];
// true
a === 1; 
// true
b === 3; 
// 对象解构赋值
let { foo , bar } = { foo: 'aaa', bar: 'bbb' };
// foo = 'aaa'
// bar = 'bbb'
// 函数参数解构赋值
// 1.参数是一组有次序的值
function f1([x, y, z]) {
    // 1
    console.log(x);
    // 2 
    console.log(y); 
    // 3
    console.log(z); 
}
f1([1, 2, 3]);
// 2.参数是一组无次序的值
function f2({x, y, z}) {
    // 1
    console.log(x); 
    // 2
    console.log(y); 
    // 3
    console.log(z); 
}
f2({z: 3, y: 2, x: 1});
// 解构赋值默认值
var [a = 1] = [];
// true
a === 1; 
// 函数参数：解构赋值 + 默认值
function r({a, b, c = 3, d = 4}) {
    return a + b + c + d;
}
// true
r({a: 1, b: 2}) === 10;

Default + Rest + Spread

代码示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

// 1. Default
function f1(x, y = 2) {
    // 如果不给y传值，或者传值为undefied，则y的值为12
    return x + y;
}
// true
f1(1) === 3; 
// 2. Rest
function f2(x, ...arr) {
    return x * arr.length;
}
// true
f2(3, 'hello', 'sjs') === 6; 
// 3. Spread
function f3(x, y, z) {
    return x + y + z;
}
// 数组解构
f3(...[1,2,3]) == 6; 
// 4. Rest + Spread
// 数组解构赋值, b = [2, 3]
const [a, ...b] = [1, 2, 3]; 
// 对象解构赋值, other = {d: 2, e: 3}
const {c, ...other} = {c: 1, d: 2, e: 3}; 
// 对象解构 f = {d: 2, e: 3}
const f = {...other};