作家
登录

19个JavaScript有用的简写技术

作者: 来源: 2018-01-05 11:38:00 阅读 我要评论

  •   console.log("a[" + index + "] = " + element); 
  •  
  •  
  • [2, 5, 9].forEach(logArrayElements); 
  •  
  • // logs: 
  •  
  • // a[0] = 2 
  •  
  • // a[1] = 5 
  •  
  • // a[2] = 9 
  • 6.短路评价

    给一个变量分派的值是经由过程断定其值是否为null或undefined,则可以:

    只有likeJavaScript是真值瓯,二者语句才相等

    1. let dbHost; 
    2.  
    3. if (process.env.DB_HOST) { 
    4.  
    5.   dbHost = process.env.DB_HOST; 
    6.  
    7. else { 
    8.  
    9.   dbHost = 'localhost'
    10.  

    简写:

    1. const dbHost = process.env.DB_HOST || 'localhost'

    7.十进制指数

    1. const odd = [1, 3, 5 ]; 
    2.  
    3. const nums = [2, ...odd, 4 , 6]; 

    当须要写数字带有很多零时(如10000000),可以采取指数(1e7)来代替这个数字:

    1. for (let i = 0; i < 10000; i++) {} 

    简写:

    1. for (let i = 0; i < 1e7; i++) {} 
    2.  
    3. // 下面都是返回true 
    4.  
    5. 1e0 === 1; 
    6.  
    7. 1e1 === 10; 
    8.  
    9. 1e2 === 100; 
    10.  
    11. 1e3 === 1000; 
    12.  
    13. 1e4 === 10000; 
    14.  
    15. 1e5 === 100000; 

    为返回多行语句(例如对象字面表达式),则须要应用()包抄函数体。

    8.对象属性简写

    如不雅属性名与key名雷同,则可以采取ES6的办法:

    1. const obj = { x:x, y:y }; 

    简写:

    1. const obj = { x, y }; 

    9.箭头函数简写

    传统函数编写办法很轻易让人懂得和编写,然则当嵌套在另一个函数中,则这些优势就荡然无存。

    1. function sayHello(name) { 
    2.  
    3.   console.log('Hello'name); 
    4.  
    5.  
    6.  
    7.  
    8. setTimeout(function() { 
    9.  
    10.   console.log('Loaded'
    11.  
    12. }, 2000); 
    13.  

    14.   推荐阅读

        全球十大上市网络安全企业与2018网络安全发展趋势

      【限时免费】岁尾最强一次云计算大年夜会,看传统、社区、互联网企业若何碰撞? 收集安然市场正在飞速成长,这一点已成为事实。捷报道,2017 年中国的互联网平顺家当收入达到457.1亿元人平>>>详细阅读


      本文标题:19个JavaScript有用的简写技术

      地址:http://www.17bianji.com/lsqh/40248.html

    关键词: 探索发现

    乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

    网友点评
    自媒体专栏

    评论

    热度

    精彩导读
    栏目ID=71的表不存在(操作类型=0)