esnext

SJS 支持部分 ES6 语法。

let & const

代码示例在开发者工具中预览效果

  1. // demo.sjs
  2. function foo(){
  3.     let str = 'hello sjs';
  4.     if (true) {
  5.         let count = 2;
  6.     }
  7.     console.log(str); // hello sjs
  8.     console.log(count); // 引用错误：count 未定义
  9. }

箭头函数

代码示例在开发者工具中预览效果

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

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

代码示例在开发者工具中预览效果

  1. var num = 1;
  2. var obj = {
  3.     num, // 对象属性
  4.     printNum() { // 对象方法
  5.     console.log(num);
  6.     }
  7. };
  8. obj.printNum(); // 1

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

模板字符串（template string）

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

解构赋值（Destructuring）

代码示例在开发者工具中预览效果

  1. // array 解构赋值
  2. var [a, ,b] = [1, 2, 3];
  3. a === 1; // true
  4. b === 3; // true
  6. // 对象解构赋值
  7. let { foo , bar } = { foo: 'aaa', bar: 'bbb' };
  8. // foo = 'aaa'
  9. // bar = 'bbb'
  11. // 函数参数解构赋值
  12. // 1.参数是一组有次序的值
  13. function f1([x, y, z]) {
  14.     console.log(x); // 1
  15.     console.log(y); // 2
  16.     console.log(z); // 3
  17. }
  18. f1([1, 2, 3]);
  20. // 2.参数是一组无次序的值
  21. function f2({x, y, z}) {
  22.     console.log(x); // 1
  23.     console.log(y); // 2
  24.     console.log(z); // 3
  25. }
  26. f2({z: 3, y: 2, x: 1});
  28. // 解构赋值默认值
  29. var [a = 1] = [];
  30. a === 1; // true
  32. // 函数参数：解构赋值 + 默认值
  33. function r({a, b, c = 3, d = 4}) {
  34.     return a + b + c + d;
  35. }
  36. r({a: 1, b: 2}) === 10; // true

Default + Rest + Spread

代码示例在开发者工具中预览效果

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