实用的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]

  

未完待续....

posted @ 2017-06-27 22:59  徐弘历  阅读(194)  评论(0编辑  收藏  举报