成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript 高級程序設(shè)計(第三版)筆記

tulayang / 2525人閱讀

摘要:以上是使用轉(zhuǎn)換函數(shù)方法時會返回的值在用判斷的時候,首先執(zhí)行了,然后判斷為真或假。對象的遍歷返回一個數(shù)組,包括對象自身的不含繼承的所有可枚舉屬性不含屬性的鍵名。

tip:本文含部分Es6語法

1.if(a)的自動轉(zhuǎn)換

數(shù)據(jù)類型??? 轉(zhuǎn)換為true的值??? ?? 轉(zhuǎn)換為false的值

? Boolean ?? ? true??????????? ? false

??String? 任何非空字符串? ???????""(空字符串)

? Number? 任何非零數(shù)字值(包括無窮大)??? 0和NaN

? Object? 任何對象??????????????? null

? Undefined? n/a ?????????????? undefined

(①?n/a(或N/A),是not?applicable?的縮寫,意思是“不適用”。)

以上是使用Boolean()轉(zhuǎn)換函數(shù)方法時會返回的值

在用if(a)判斷的時候,首先執(zhí)行了Boolean(a),然后if判斷為真或假。

2.遍歷

a.數(shù)組(Array)的遍歷
數(shù)組自帶forEach,filter,map等方法可以進行遍歷,不同的是,map方法可能會返回undefined。
b.對象(Object)的遍歷
(1)for..in
var obj={snow:1,bran:2,king:3,nightking:4};
for(let i in obj){
console.log(i+","+obj[i])
}

(2)Object.keys(obj)

Object.keys返回一個數(shù)組,包括對象自身的(不含繼承的)所有可枚舉屬性(不含 Symbol 屬性)的鍵名。

var obj = {"a": "Beijing", "b": "Haidian"};
console.log(Object.keys(obj)); //["a", "b"]

tip:補充在遍歷對象時可以用的方法
hasOwnProperty:(判斷該對象是否包含某屬性)

 for in (一般搭配hasOwnProperty來使用) 遍歷原型鏈上可枚舉的,
    for (let key in obj) {
            if (obj.hasOwnProperty(key)) {
                console.log("key: " + key + "," + "value: " + obj[key])
            }
     }

delete:(刪除該對象某屬性)

 for(var key in student){
    delete student[key];
 }

其他遍歷對象的方法:
https://blog.csdn.net/qq_3668...

3.DOM擴展

1.HTML DOM querySelector() 方法
querySelector只能選擇第一個匹配的節(jié)點;
該方法類似JQ:
獲取標簽:document.querySelector("body")
獲取ID:document.querySelector("#myDiv")
獲取類:document.querySelector(".myDiv")
獲取子元素:document.querySelector("img .myDiv")

2.HTML DOM querySelectorAll() 方法
querySelectorAll可以選擇多個節(jié)點,以","分隔開,返回的是個數(shù)組;
// 獲取文檔中所有的

元素
var x = document.querySelectorAll("p");
// 設(shè)置第一個

元素的背景顏色
x[0].style.backgroundColor = "red";

4.DOM關(guān)于HTML5擴展

1.HTML DOM getElementsByClassName() 方法

該方法返回的是數(shù)組
var x = document.getElementsByClassName("example color");
x[0].style.backgroundColor = "red";

2.HTML DOM classList 屬性

從前DOM添加類的方法:
document.getElementById("test1").setAttribute("class","class1")

新方法:
document.getElementById("myDIV").classList.add("mystyle");

元素添加 class:
document.getElementById("myDIV").classList.add("mystyle");
元素添加多個類:
document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");
元素移除一個類:
document.getElementById("myDIV").classList.remove("mystyle");
元素移除多個類:
document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");

5.短路運算

|| 短路運算
僅當前者不成立時才去執(zhí)行后者
原理:||先計算第一個運算數(shù),如果可以被轉(zhuǎn)換成true,則返回左邊這個表達式的值,否則計算第二個運算數(shù)。即使||運算符的運算數(shù)不是布爾值,任然可以將它看作布爾OR運算,因為無論它返回的值是什么類型,都可以被轉(zhuǎn)換為布爾值

let a = 0;
let url = a || "";
//url為""

let b = 1
let url1 = b || "";
// url1為1 

&&短路運算
僅當前者成立時采取執(zhí)行后者

原理:&&,它先計算第一個表達式,若為假,就不會去處理第二個表達;否則繼續(xù)處理后繼表達式。從左到右選取表達式的第一個為非true的表達式的值,如果一直未找到則返回最后一個表達式的值

let a = 1;
let url = a && "";
//url為""

let b = 0
let url1 = b&&""
//url1為0

> 兩種短路運算都有一個共同的特點:如果第一個操作數(shù)能夠決定結(jié)果,那么就不會再對第二個操作數(shù)求值

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/114009.html

相關(guān)文章

  • JavaScript 高級程序設(shè)計三版筆記

    摘要:以上是使用轉(zhuǎn)換函數(shù)方法時會返回的值在用判斷的時候,首先執(zhí)行了,然后判斷為真或假。對象的遍歷返回一個數(shù)組,包括對象自身的不含繼承的所有可枚舉屬性不含屬性的鍵名。 tip:本文含部分Es6語法 1.if(a)的自動轉(zhuǎn)換 數(shù)據(jù)類型??? 轉(zhuǎn)換為true的值??? ?? 轉(zhuǎn)換為false的值 ? Boolean ?? ? true??????????? ? false ??String? 任何...

    leo108 評論0 收藏0
  • JavaScript 高級程序設(shè)計三版筆記

    摘要:以上是使用轉(zhuǎn)換函數(shù)方法時會返回的值在用判斷的時候,首先執(zhí)行了,然后判斷為真或假。對象的遍歷返回一個數(shù)組,包括對象自身的不含繼承的所有可枚舉屬性不含屬性的鍵名。 tip:本文含部分Es6語法 1.if(a)的自動轉(zhuǎn)換 數(shù)據(jù)類型??? 轉(zhuǎn)換為true的值??? ?? 轉(zhuǎn)換為false的值 ? Boolean ?? ? true??????????? ? false ??String? 任何...

    opengps 評論0 收藏0
  • javascript高級程序設(shè)計三版)學(xué)習(xí)摘錄上

    摘要:在這種情況下,函數(shù)在停止執(zhí)行后將返回值。這種用法一般用在需要提前停止函數(shù)執(zhí)行而又不需要返回值的情況下嚴格模式對函數(shù)有一些限制不能把函數(shù)命名為或不能把參數(shù)命名為或不能出現(xiàn)兩個命名參數(shù)同名的情況。 把近期看高程這本書做的筆記摘錄整理出來了,總歸對原生javascript理論有了一個比較全面的的認識,這次把書中的一些知識要點摘錄出來了,便于以后查閱的時候有方向,也更有效率!! 第一章、jav...

    leap_frog 評論0 收藏0
  • javascript高級程序設(shè)計三版筆記

    摘要:之間的項,但不包括結(jié)束位置。一個參數(shù),返回從該參數(shù)指定位置到當前項末尾的所有項。傳入的函數(shù)每一項都返回,才返回查詢數(shù)組中的項是否滿足條件。 第五章引用類型 5.1 Object類型 創(chuàng)建Object實例的方式有兩種。第一種是使用new操作符 var person=new Object(); person=eve; person.age=29; 第二種是對象字面量 **推薦的寫...

    張憲坤 評論0 收藏0
  • 004-讀書筆記-JavaScript高級程序設(shè)計 基本概念(下)

    摘要:操作符,會將數(shù)值改變正數(shù)變成負數(shù)負數(shù)變成正數(shù)。同時,也說明了,使用兩個邏輯非操作符和的操作結(jié)果相同。操作符得到的是余數(shù)。不相等操作符有兩種。 這篇筆記的內(nèi)容對應(yīng)的是《JavaScript高級程序設(shè)計(第三版)》中的第三章。 1.操作符 1-1 一元操作符 遞增和遞減操作符 遞增和遞減操作符有兩個 ++ 和 --。一元操作符使用的時候,可以前置也可以后置。由于兩個操作方式類似,先只說明 ...

    nevermind 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<