zoukankan      html  css  js  c++  java
  • 实用的javascript 简写--读后感~

    看完这个文章后, 记录一些自己用过的。。。更新中....  

    原文链接

    1.三元操作符

      当你要写if..else 语句的时候可以使用三元操作符代替

    let num=100;
    const result;
    if(num > 50){
        result = "我比50大";
    }else{
      result = "  我有可能等于50哦 ";
    }
    

      简写:

    let num=100;
    const result=num>50?"我比50大":"我可能等于50哦";

    2.短路求值简写

      当给一个变量分配另一个值的时候,想要确定原始值不是null,undefined,空值,可以写个多重条件的if语句

    if(val1 !== null || val1 !== undefined || val1 !== ''){
      let var2=val1;  
    }
    

      简写: 

    let val2=val1||'其它值'
    

    3.声明变量简写法

    let a=1;
    let b=2;
    let c=3;
    

      简写:

    let a=1,b=2,c=3;
    

    4. if 判断为真的简写法

    if(aa=true){
      ....code  
    }
    

      简写:

    if(aa){
      ... code  
    }

      同理:判断不为真

    if(!a){
       ... code
    
    }
    

    5.循环的简写方式

    for(var i=0;i<arr.length;i++){
       ... code
    }

      简写:

    for(let index in arr){
      ... code  
    }
    

      也可用 arr.forEach();

    arr.forEach(function(element,index,arr){
      elelment=="当前元素";
      index=="当前元素索引";
      arr=="数组本身"
    });

     6.短路评价

      给一个变量分配的值通过 判断是否Null 或undifined等

        PS. 我觉得这个和第2个 有点重复了,有大神能解释下吗

    let ss;
    if(data.aa){
      ss==data.aa  
    }else{
      ss == 'default'  
    }
    

      简写:

    let ss=data.aa || 'default'
    

     7. 对象属性简写

      如果对象属性和 Key 相同,则可以用ES6的语法来写

    let json={xx:xx,bb:bb};
    

      简写:  

    let json={xx,bb}
    

     8. 箭头函数

    function sayHello(name){
      console.log(name);  
    }
    setTimeout(function(){
        console.log(1);
    },2000);
    arr.forEach(function(item){
      console.log(item);
    });

      简写:

     

    sayHello=name=>(console.log(name));
    setTimeout(()=>console.log(1),2000);
    arr.forEach(item=>console.log(item));

     9. 隐式返回简写

    function rFn(num){
        return Math.floor(num);
    }
    var vFn=function(){return {a:1}}
    

      简写:

    rFn=num=>(return Math.floor(num));
    var vFn=()>=(return {a:1})

     10. 定义多个变量 

    var a=1,b=2,c=3;
    

      简写:

    let [a,b,c]=[1,2,3]
    

      

    未完待续....

  • 相关阅读:
    JAVA基础——编程练习(二)
    JAVA基础——面向对象三大特性:封装、继承、多态
    JVM内存
    50. Pow(x, n) (JAVA)
    47. Permutations II (JAVA)
    46. Permutations (JAVA)
    45. Jump Game II (JAVA)
    43. Multiply Strings (JAVA)
    42. Trapping Rain Water (JAVA)
    41. First Missing Positive (JAVA)
  • 原文地址:https://www.cnblogs.com/xuhongli/p/7080023.html
Copyright © 2011-2022 走看看