常用的JavaScript简写语法

时间:2022-11-12 14:09:44

减肥真的好困难啊!第n次减肥失败~>-<~!
体重减轻很难,代码减轻还是很有可能的
以下总结了常用的JS简写语法,共勉之~

  • 变量简写

话不多说,看了代码就秒懂

//var a ;
//var b=8;
//var c;
//上面可简写:
var a,b=8,c;
  • 使用三元操作符吧
var a =1,c;

//if(a>0){
// c=2
//}else{
    //c=3
//}
var c = a>0?2:3
  • 对象属性简写(ES6)
//let obj ={a:a,b:b}
let obj = {a,b}
  • 轻量的判断
var a;
//if(obj.b){
// a=obj.b
//}else{
// a=1
//}
a= obj.b || 1;
  • 使用箭头函数
//function a (user){console.log(user)}
//function b(){console.log('b')}
//list.forEach(function(item){console.log(item)})
a = user =>console.log(user);
b = ()=> console.log('b')
list.forEach(item => {console.log(item)} )
  • 隐式返回值的简写
//function a (x,y){return x+y}
a = x,y => x+y
  • 拓展运算符的应用
let a = [1,2,3];
let b = [4,5,6];

//如果说a,b合并,ES5的方法必然是使用a.concat(b),如果使用...不是更好吗?
let c = [1,2,3,..b]

//还有就是如果两个对象之间相互复制,只用ES6的话就要说到深拷贝上面了,使用拓展运算符就会特别的简短
//比如
let w = [1,2]
let t = [..w]
//此时的w,t是不会相互干扰的
  • 模板字符串
//const welcome = 'You have logged in as ' + first + ' '+ last
const welcome = `You have logged in as ${first} ${last}`; 
  • 默认参数
function a (x,y){
        var x = x || 1,
            y = y || 2;
        return x+y
    }
 a = (x=1,y=2) => x+y;
  • 使用十进制数
    对于数字100000,可以简写为1e5,可以可以应用到循环语句里面
for(var i=0;i<1e5;i++){}