js基礎進階--編碼實用技巧(二)

hiYoHoo 發布于2019-08-23 14:45 / 2231人閱讀

摘要：我的個人博客接上篇文章基礎進階編碼實用技巧一合理利用運算符使用可以作為參數之外的默認值，當第一個參數返回值為時，那么第二個值就為默認值。

我的個人博客：http://www.xiaolongwu.cn

接上篇文章：
js基礎進階--編碼實用技巧(一).md)

5、合理利用||運算符

使用||可以作為參數之外的默認值，當第一個參數返回值為false時，那么第二個值就為默認值。

一般在面向對象思想中這么使用。

function User(name, age) {
    this.name = name || "leonWu";
    this.age = age || 29;
}
var user1 = new User();
console.log(user1.name); // leonWu
console.log(user1.age); // 29
 
var user2 = new User("delia", 28);
console.log(user2.name + " is my wife"); // delia is my wife
console.log(user2.age); // 28

6、三木運算符

看看下面的例子，我相信你就會立馬理解了

var x = 10,b = null;
if (x > 5) {
    b = 7;
} else {
    b = 2;
}

這段代碼用三木運算簡寫為

b = x > 5 ? 7 : 2;
//解釋一下上面的代碼
// 當x > 5 時返回7并賦值給b，反之則返回2賦值給b

7、判斷相等時用 === 而不是 ==

因為== 和 != 在做判斷時，會在某些情況下進行隱式類型轉換，但是 === 和 !== 卻不會，并且它們會同時對值大小和值類型進行比較，所以=== 和！== 要比== 和！=的處理速度快。

看例子

[5] == 5; //true
[5] === 5; //false
"5" == 5; //true
"5" === 5;//false
""  == 0; // true
"" === 0; //false
[] == "" //true
[] === "" //false

8、隨即從數組中取一個元素

var items = [123, 81 , "abc" , 234 , 781 , "leonwu", 114, , "delia" , 110 , 120];
var randomItem = items[Math.floor(Math.random() * items.length)];

稍微解釋一下上面的代碼

Math.floor()這個方法為js內置的方法，向下取整，即Math.floor(2.9)結果為2，Math.floor(2.1)結果也為2。

Math.random()為在[0-1)之間取一個隨即浮點數，包括0但不包括1；

所以上面randomItem的結果是[0-9]之間的一個隨即整數。

9、在指定的范圍中取出一個隨機整數

這個方法應該是上面第8條的加強版，只要理解上面的方法，那么這個方法理解起來就不會有難度。在這里多一嘴，很多東西靠死記硬背是記不住的，但是只要你理解了，那么你想忘記就比較難了。好了，不扯淡了，我們開始

上代碼

//先看看下面這個方法，不理解不要緊，繼續向下看你就會理解它

var a = Math.floor(Math.random() * (max - min + 1)) + min; 

//下面就讓我們慢慢的理解上面這個方法是怎么來的

//先寫出在[0-10]之間取隨機整數的方法

var b = Math.floor(Math.random() * 10) //這個返回的是[0-10),不包括10，最大到9

 b = Math.floor(Math.random() * (10 + 1)); //這樣就能取到[0-10]之間的隨即整數了

//然后取一個[30-40]之間的隨機整數

//我們把上面的任務分解為先取一個[0-10]之間的隨機整數，然后再加上30，是不是就能滿足我們上面的需求了，看代碼

var c = Math.floor(Math.random() * (40-30 + 1)) + 30;

//那我們要取[max-min]之間的隨機整數，代碼是不是就為

var a = Math.floor(Math.random() * (max - min + 1)) + min;

//我們是不是已經理解了這段代碼的意義呢，是不是想忘記都會很難呢？如果沒理解就再多想想。

相關推薦：js基礎進階--編碼實用技巧(一).md)

github資源地址：js基礎進階--編碼的實用技巧(二).md)

csdn博客地址：https://blog.csdn.net/wxl1555

如果您對我的博客內容有疑惑或質疑的地方，請在下方評論區留言，或郵件給我，共同學習進步。

郵箱：wuxiaolong802@163.com

云服務器 GPU云服務器進階技巧進階使用技巧 utf-8編碼技巧 js進階視頻教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101092.html

js基礎進階--編碼實用技巧(一)

摘要：我的個人博客前言在平時的開發中，編碼技巧很重要，會讓你少寫很多代碼，起到事倍功半的效果。下面總結幾種簡單的技巧，大家共同學習一下利用將字符串轉換為整數型這個方法試用于將字符串類型的數字轉換為整數型，如果帶字母就會返回。我的個人博客：http://www.xiaolongwu.cn 前言在平時的開發中，編碼技巧很重要，會讓你少寫很多代碼，起到事倍功半的效果。下面總結幾種簡單的技巧，...

U2FsdGVkX1x 2019-08-23 14:45 評論0 收藏0
前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0