1. 变量赋值

  1. let a=2,b=4,c=3;
  2. let [a, b, c] = [5, 8, 12];

2. 或短路运算

  1. let imagePath;
  2. let path = getImagePath();
  3. if(path !== null && path !== undefined && path !== '') {
  4.   imagePath = path;
  5. } else {
  6.   imagePath = 'default.jpg';
  7. }
  9. //Shorthand
  10. let imagePath = getImagePath() || 'default.jpg';

3. 与短路运算

  1. if (isLoggedin) {
  2.  goToHomepage();
  3. }
  5. //Shorthand
  6. isLoggedin && goToHomepage();

4. 交换两个变量

  1. let x = 43, y = 55;
  2. const temp = x;
  3. x = y;
  4. y = temp;
  6. //Shorthand
  7. [x, y] = [y, x];

5. 模板字符串

  1. console.log('You got a missed call from ' + number + ' at ' + time);
  2. //Shorthand
  3. console.log(`You got a missed call from ${number} at ${time}`);

6. 多条件检查

  1. if (value === 1 || value === 'one' || value === 2 || value === 'two') {
  2.      // Execute some code
  3. }
  4. // Shorthand 1
  5. if ([1, 'one', 2, 'two'].indexOf(value) >= 0) {
  6.     // Execute some code
  7. }
  8. // Shorthand 2
  9. if ([1, 'one', 2, 'two'].includes(value)) {
  10.     // Execute some code
  11. }

7. 字符串转为数字

  1. let total = parseInt('453');
  2. let average = parseFloat('42.6');
  3. //Shorthand
  4. let total = +'453';
  5. let average = +'42.6';

8. 数学计算

  1. //指数幂
  2. const power = Math.pow(4, 3); // 64
  3. // Shorthand
  4. const power = 4**3; // 64
  6. //取整
  7. const floor = Math.floor(6.8); // 6
  8. // Shorthand
  9. const floor = ~~6.8; // 6
  11. //找出数组中的最大和最小数字
  12. const arr = [2, 8, 15, 4];
  13. Math.max(...arr); // 15
  14. Math.min(...arr); // 2

9. 合并数组

  1. let arr1 = [20, 30];
  2. let arr2 = arr1.concat([60, 80]);
  4. //Shorthand
  5. let arr2 = [...arr1, 60, 80];

10. 深拷贝多级对象

为了深拷贝一个多级对象，我们要遍历每一个属性并检查当前属性是否包含一个对象。如果当前属性包含一个对象，然后要将当前属性值作为参数递归调用相同的方法（例如，嵌套的对象）。
我们可以使用JSON.stringify()和JSON.parse()，如果我们的对象不包含函数、undefined、NaN 或日期值的话。
如果有一个单级对象，例如没有嵌套的对象，那么我们也可以使用扩展符来实现深拷贝。

  1. let obj = {x: 20, y: {z: 30}};
  2. //Longhand
  3. const makeDeepClone = (obj) => {
  4.   let newObject = {};
  5.   Object.keys(obj).map(key => {
  6.     if(typeof obj[key] === 'object'){
  7.       newObject[key] = makeDeepClone(obj[key]);
  8.     } else {
  9.       newObject[key] = obj[key];
  10.     }
  11.   });
  12.  return newObject;
  13. }
  14. const cloneObj = makeDeepClone(obj);
  15. //Shorthand
  16. const cloneObj = JSON.parse(JSON.stringify(obj));
  17. //Shorthand for single level object
  18. let obj = {x: 20, y: 'hello'};
  19. const cloneObj = {...obj};