美文网首页
js简写技巧

js简写技巧

作者: gtt21 | 来源:发表于2017-07-09 22:28 被阅读0次

JS简写

三元运算符

当你想写一个if . .else语句只在一行中。

普通写法

const x = 20;

let answer;

if (x > 10) {

answer = 'is greater';

} else {

answer = 'is lesser';

}

速写

const answer = x > 10 ? 'is greater' : 'is lesser';

你也可以像这样嵌套if语句:

const big = x > 10 ? " greater 10" : x

短路操作

当将变量值赋给另一个变量时,您可能希望确保源变量不是空的、未定义的或空的。你可以写一个长的如果有多个条件语句,或使用一个短路操作。关于操作符可以参考《 告诉你两个非常实用的操作符 》

普通写法

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {

let variable2 = variable1;

}

速写

const variable2 = variable1 || 'new';

变量声明简写

在函数开始时声明变量赋值是很好的做法。这种简写方法可以在同时声明多个变量时节省大量的时间和空间。

普通写法

let x;

let y;

let z = 3;

速写

let x, y, z=3;

如果存在简写

这可能是微不足道的,但值得一提。

普通写法

if (likeJavaScript === true)

速写

if (likeJavaScript)

这是另一个例子。如果a不等于true,那么就做一些事情。

普通写法

let a;if ( a !== true ) {// do something...}

速写

let a;if ( !a ) {// do something...}

相关文章

  • JS简写技巧

    JS简写 三元运算符 当你想写一个if . .else语句只在一行中。 普通写法 const x = 20; le...

  • js简写技巧

    JS简写 三元运算符 当你想写一个if . .else语句只在一行中。 普通写法 const x = 20; le...

  • js简写技巧

    给多个变量赋值 使用解构数组的形式:let [a,b,c]=[4,6,8]; 交换两个变量 let x='hell...

  • 常用js简写小技巧

    字符串重复N次: repeat(ES2015) ps:需要给女朋友发100遍道歉的时候?嘿嘿…… 指数幂:**(E...

  • vue - element-ui -> el-tag 标签状

    两个的简写 多个的简写 js

  • js简写

    三元操作符 短路求值 当给一个变量分配另一个值时,想确定源始值不是null或undefined或空值 0。 声明变...

  • JS简写

    JS简写 三元运算符 当你想写一个if . .else语句只在一行中。 普通写法 const x = 20; le...

  • js 简写

    //取整 parseInt(a,10);//Before Math.floor(a);//Before a>>0;...

  • JS中常用的代码简写技巧

    本文目录 1.三元操作符 2.分配变量(短路求值法) 3.Spread Operator 4.如果存在 5.变量赋...

  • JS中常用的代码简写技巧

    Spread Operator 解构符 变量赋值 对象属性:属性名和值一样时的简写 箭头函数隐式返回 默认参数值 ...

网友评论

      本文标题:js简写技巧

      本文链接:https://www.haomeiwen.com/subject/gfvehxtx.html