JavaScript简写技巧总结

在日常工作中,JavaScript一些常用的简写技巧,将直接影响到我们的开发效率,现将常用技巧整理如下:

1. 空(null, undefined)验证    

当我们创建了一个新的变量,我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于JavaScript编程来说,是一个经常要考虑到的验证。

非优化代码:

if (variable1 !== null || variable1 !== undefined || variable1 !== ‘‘) { let variable2 = variable1; }

优化代码:

let variable2 = variable1 || ‘‘

  在谷歌浏览器开发者面板的控制台下:

2. 数组

非优化代码:

let a = new Array(); a[0] = "myString1"; a[1] = "myString2"; a[2] = "myString3";

优化代码:

let a = ["myString1", "myString2", "myString3"];

3. if true .. else 的优化

非优化代码:

let big;
if (x > 10) {
big = true;
}
else {
big = false;
}

优化代码:

let big = x > 10 ? true : false;

      在谷歌浏览器开发者面板的控制台下:

 4. 变量声明

非优化代码:

let x;
let y;
let z = 3;

优化代码:

let x, y, z=3;

5.赋值语句的简化

非优化代码:

x=x+1;
minusCount = minusCount - 1;
y=y*10;

优化代码:

x++;
minusCount --;
y*=10;    

假设 x=10,y=5,那么基本的算术操作可以使用如下的简写方式:

         在谷歌浏览器开发者面板的控制台下:

 6. 避免使用RegExp对象

非优化代码:

var re = new RegExp("\d+(.)+\d+","igm"),
result = re.exec("padding 01234 text text 56789 padding");
console.log(result); //"01234 text text 56789"

优化代码:

var result = /d+(.)+d+/igm.exec("padding 01234 text text 56789 padding");
console.log(result); //"01234 text text 56789"     

7If 条件优化

非优化代码:

if (likeJavaScript === true)

优化代码: 

if (likeJavaScript)

8. charAt()的替代品

非优化代码:

"myString".charAt(0);

优化代码:

"myString"[0]; // 返回 ‘m‘

原文地址:https://www.cnblogs.com/chenyablog/p/8463721.html

时间: 2024-08-26 10:02:39

JavaScript简写技巧总结的相关文章

JavaScript简写技巧 转载 持续搬运,方面自己查看

关于一些JavaScript的小技巧,转载自https://www.geekjc.com/post/5a0a8c9a592e38541f7703c8. 1if语句可以简写三目运算: const x = 20;let answer; if (x > 10) { answer = 'greater than 10'; } else { answer = 'less than 10'; } const answer = x > 10 ? 'greater than 10' : 'less than

JavaScript 的简写技巧

本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读. 本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作. 文章将分成初级篇和高级篇两部分,分别进行介绍. 初级篇1.三目运算符下面是一个很好的例子,将一个完整的 if 语句,简写为一行代码. const x = 20; let answer; if (x > 10) { answer = 'greater than 10'; } else { answer

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

前端知识:12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

JavaScript的技巧45招

JavaScript奇技淫巧45招 来自仲老师的分享: 原文地址[http://chensd.com/2015-01/45-useful-javascript-tips-tricks-and-best-practices.html] 本文是一篇翻译文章,原文信息如下: 原文:45 Useful JavaScript Tips, Tricks and Best Practices 作者:Saad Mousliki JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(Pho

JavaScript小技巧

1.变量转换 看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法.始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高. 1 2 3 4 5 6 7 var myVar   = "3.14159", str     = ""+ myVar,//  to string int     = ~~myVar,  //  to integer float   = 1*myVar,

10个CSS简写技巧让你永远受用

转自:http://blog.bingo929.com/10-css-shorthand-tips.html 前言: CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化.CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处.臃肿而杂乱的CSS样式表会使你遇到问题是难以调试.尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降. 今天,暴风彬彬整理了一些CSS简写技巧,它们其实是CSS最常用的写法,但是太多的人使用Drea

常用的javascript小技巧

字符串转换为数值 常规方法: var var1 = parseInt("2"); var var2 = parseFloat("2"); var var3 = Number("2"); var var3 = new Number("2"); 简便方法: var var1 = +("2"); 将其他类型转换为boolean类型 在JavaScript中,所有值都能隐式的转化为Boolean类型: 数据类型 转

javascript小技巧之with()方法

With()方法平时用得不多,本文用个小例子来学习一下.在这里记录.个人感觉还是很方便的. 有了 With 语句,在存取对象属性和方法时就不用重复指定参考对象,在 With 语句块中,凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关.With 语句的语法格式如下所示:With Object {Statements}对象指明了当语句组中对象缺省时的参考对象,这里我们用较为熟悉的 Document 对象对 With 语句举例.例如 当使用与 Document 对象有关的 wr