日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

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

發布時間:2025/4/17 javascript 58 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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經常用到的一些快捷書寫代碼,希望對大家有幫助哈~

總結

以上是生活随笔為你收集整理的javascript写字技巧_【iGeek手册】如何书写更加简洁的javascript代码?的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。