国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

tulayang / 2516人閱讀

摘要:以上是使用轉(zhuǎn)換函數(shù)方法時(shí)會返回的值在用判斷的時(shí)候,首先執(zhí)行了,然后判斷為真或假。對象的遍歷返回一個(gè)數(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ù)方法時(shí)會返回的值

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

2.遍歷

a.數(shù)組(Array)的遍歷
數(shù)組自帶forEach,filter,map等方法可以進(jìn)行遍歷,不同的是,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返回一個(gè)數(shù)組,包括對象自身的(不含繼承的)所有可枚舉屬性(不含 Symbol 屬性)的鍵名。

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

tip:補(bǔ)充在遍歷對象時(shí)可以用的方法
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擴(kuò)展

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

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

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

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

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

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");
元素添加多個(gè)類:
document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");
元素移除一個(gè)類:
document.getElementById("myDIV").classList.remove("mystyle");
元素移除多個(gè)類:
document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");

5.短路運(yùn)算

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

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

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

&&短路運(yùn)算
僅當(dāng)前者成立時(shí)采取執(zhí)行后者

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

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

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

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

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

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

相關(guān)文章

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

    摘要:以上是使用轉(zhuǎn)換函數(shù)方法時(shí)會返回的值在用判斷的時(shí)候,首先執(zhí)行了,然后判斷為真或假。對象的遍歷返回一個(gè)數(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è)計(jì)三版筆記

    摘要:以上是使用轉(zhuǎn)換函數(shù)方法時(shí)會返回的值在用判斷的時(shí)候,首先執(zhí)行了,然后判斷為真或假。對象的遍歷返回一個(gè)數(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è)計(jì)三版)學(xué)習(xí)摘錄上

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

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

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

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

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

    nevermind 評論0 收藏0

發(fā)表評論

0條評論

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