【iGeek手册】如何书写更加简洁的javascript代码?

【iGeek手册】如何书写更加简洁的javascript代码?


书写Javascript代码过程中, 我们往往会使用过于复杂的代码和语法,在这篇文章里, 我们收集了10个快速书写javascript代码的例子, 希望对大家有帮助!

大数据书写技巧

如果你书写比较大的数据的话, 往往需要定义很多0,例如, 1000000, 但是在javascript中,你可以使用e来代表0, 下面是一个实际对比例子:

冗余版本代码:

var sum = 1000000;

精简版本代码:

var sum = 1e6

如果你定义3800000,你可以使用这重快捷的书写方式 38e5

数字递增和递减

这个技巧,大家应该用的相对比较多了, 经常用在了for循环中,如下:

冗余版本代码:

i=i+1;
j=j-1;

精简版本代码:

i++
j--

 

加减乘除

相关基础的算法符号都有类似的缩写代码可以快速帮助我们完成代码,如下:

冗余版本代码:

i=i+5;
j=j-3;
k=k*10;
l=l/3;

精简版本代码:

i+=5;
j-=3;
k*=10;
l/=3;

 

判断字符位置

在字符处理中,经常使用charAt来定位自负,但是我们往往可以使用更加简洁的方式来定位字符位置,如下:

冗余版本代码:

myString.charAt(14);

精简版本代码:

myString[14];

 

定义变量

这个大家应该使用的比较多了, 如下:

冗余版本代码:

var i; 
var j=15; 
var k="Good Geek"; 
var l; 
var bb=true;

精简版本代码:

var i, j=15, k="Good Geek", l, bb=true;
 

定义关系型数据

除了简单数组外, javascript常用的还有关联型数组可以更加简洁的书写,如下:

冗余版本代码:

var myArray = new Array();
myArray["Grace Kelly"] = "Philadelphia";
myArray["Clint Eastwood"] = "San Francisco";
myArray["Humphrey Bogart"] = "New York City";
myArray["Sophia Loren"] = "Rome";
myArray["Ingrid Bergman"] = "Stockholm";

精简版本代码:

var myArray  = {
  "Grace Kelly": "Philadelphia",
  "Clint Eastwood": "San Francisco",
  "Humphrey Bogart": "New York City",
  "Sophia Loren": "Rome",
  "Ingrid Bergman": "Stockholm"
}

定义对象

定义对象的过程,也可以使用更加简单的版本,如下:

冗余版本代码:

var myObj = new Object();
myObj.name = "Sean Connery";
myObj.placeOfBirth = "Edinburgh";
myObj.age = 86;
myObj.wasJamesBond = true;

精简版本代码:

var myObj = { name: "Sean Connery", placeOfBirth: "Edinburgh",
age: 86, wasJamesBond: true };

使用条件符号

如果你使用if else的语法,可能也可以用更加简单的书写方式,如下:

冗余版本代码:

var message = '';
if(age>=18){
  message = "Allowed";
}else{
  message = "Denied";
}

精简版本代码:

var message = age >= 18 ? "Allowed" : "Denied";

判断变量是否存在

判断一个变量是否存在,也可以使用更加简单的方式来书写:

冗余版本代码:

var myVar = 55;
if( typeof myVar !== "undefined" && myVar !==  "" && myVar !== null
&& myVar !== 0 && myVar !== false  ) {
  console.log("The myVar variable is defined AND it's not empty
  AND not null AND not false.");
}

精简版本代码:

var myVar = 55;
if( myVar ) {
  console.log("The myVar variable is defined AND it's not empty
  AND not null AND not false.");
}

判断变量是否赋值

冗余版本代码:

var myVar;
if( typeof myVar === "undefined" || myVar === "" || myVar === null
|| myVar === 0 || myVar === false  ) {
  console.warn("The myVar variable is undefined (OR) empty (OR)
  null (OR) false.");
}

精简版本代码:

var myVar;
if( !myVar ) {
  console.warn("The myVar variable is undefined (OR) empty (OR)
  null (OR) false.");
}

以上就是javascript经常用到的一些快捷书写代码,希望对大家有帮助哈~

相关推荐