摘要:說明此摘要筆記系列是我最近看高級程序設(shè)計第版隨手所記。摘要筆記本身沒有系統(tǒng)性,沒有全面性可言,寫在這里供有一定基礎(chǔ)的前端開發(fā)者參考交流。對每一項運行給定函數(shù),返回該函數(shù)會返回的項組成的數(shù)組。是的反操作是的反操作第一部分結(jié)束。
說明:
此摘要筆記系列是我最近看《JavaScript高級程序設(shè)計(第3版)》隨手所記。
里面分條列舉了一些我認(rèn)為重要的、需要記下的、對我有幫助的點,是按照我看的順序來的。
摘要筆記本身沒有系統(tǒng)性,沒有全面性可言,寫在這里供有一定基礎(chǔ)的前端開發(fā)者參考交流。
里面的知識點、例子大部分來源于本書,或者延伸出來的,都經(jīng)過我的測試是對的,但是沒辦法保證100%正確,如果有人看到錯誤的地方,希望指出來,謝謝。
正文:
1、數(shù)組檢測方法:1. value instanceof Array // true / false 2. Array.isArray(value) // true / false, 支持的瀏覽器 IE 9+,F(xiàn)irefox 4+, Safari 5+, Opera 10.5+, Chrome2、棧和隊列
棧是一種 LIFO(Last-In-First-Out后進(jìn)先出) 的數(shù)據(jù)結(jié)構(gòu)。在數(shù)組中表現(xiàn)為 push() pop() 方法
隊列數(shù)據(jù)結(jié)構(gòu)的訪問規(guī)則是 FIFO(First-In-First-Out) ,在數(shù)組中表現(xiàn)為 push() shift() 方法
function compare (value1, value2) { if (value1 < value2) { return -1 } else if (value1 > value2) { return 1 } else { return 0 } }
或者
function compare (value1, value2) { return value1 - value2 } values.sort(compare)
得到從小到大的升序排列
4、數(shù)組的 slice() 方法,如果參數(shù)中有負(fù)數(shù),則用數(shù)組長度加上該數(shù)來確定相應(yīng)的位置,如果結(jié)束位置小于起始位置,則返回空數(shù)組數(shù)組的 splice() 方法始終會返回一個數(shù)組5、數(shù)組的 indexOf() lastIndexOf() 方法采用全等方法來查找項,返回查找到的項的索引,如果找不到返回 -1
// 支持的瀏覽器 IE 9+,F(xiàn)irefox 2+, Safari 3+, Opera 9.5+, Chrome6、數(shù)組的迭代方法總結(jié):
每個方法都接受兩個參數(shù), 1. 在每一項上運行的函數(shù),2. 運行該函數(shù)的作用域?qū)ο蟆绊?this 的值(可選)
傳入的函數(shù)會接受三個參數(shù),數(shù)組項的值、索引、該數(shù)組
1. every() // 對每一項運行給定函數(shù),如果每一項都返回true,則返回true。 2. filter() // 對每一項運行給定函數(shù),返回該函數(shù)會返回true的項組成的數(shù)組。 3. forEach() // 對每一項運行給定函數(shù),沒有返回值。 4. map() // 對每一項運行給定函數(shù),返回每一項調(diào)用的結(jié)果組成的數(shù)組。 5. some() // 對每一項運行給定函數(shù),如果有一項返回true,則返回true。 // 支持的瀏覽器 IE 9+,F(xiàn)irefox 2+, Safari 3+, Opera 9.5+, Chrome7、歸并方法 reduce() reduceRight() // reduce()是從頭部開始遍歷,reduceRight()是從尾部開始遍歷,其它都一樣
// 這兩個方法都接受兩個參數(shù),一個是在每一項上調(diào)用的函數(shù),一個是作為歸并基礎(chǔ)的初始值(可選),
// 傳入的函數(shù)接受四個參數(shù),前一個值、當(dāng)前值、索引、數(shù)組對象,這個函數(shù)返回的任何值都會作為第一個參數(shù)傳給下一項
// 注意:如果傳遞了第二個參數(shù),即歸并的初始值,那么函數(shù)會從數(shù)組第一項開始遍歷,如果不傳則把第一項作為初始值直接從第二項開始遍歷
函數(shù)實際上是對象,所以每個函數(shù)都是Function類型的實例,而且和其它引用類型一樣具有屬性和方法。
由于函數(shù)是對象,因此函數(shù)名實際上是指向一個函數(shù)對象的指針,不會與某個函數(shù)綁定。
區(qū)別在于函數(shù)聲明提升。
a.函數(shù)聲明:
function sum (n1, n2) { return n1 + n2 }
b.函數(shù)表達(dá)式:
var sum = function (n1, n2) { return n1 + n2 }10.函數(shù)可以作為參數(shù)傳給另一個函數(shù),可以從一個函數(shù)中返回另一個函數(shù),如:
function createComparisonFunction (propertyName) { return function (obj1, obj2) { var value1 = obj1[propertyName] var value2 = obj2[propertyName] if (value1 < value2) { return -1 } else if (value1 > value2) { return 1 } else { return 0 } } } var data = [{ name: "ZhangSan", age: 18 }, { name: "Nicholas", age: 19 }] data.sort(createComparisonFunction("name"))11. 函數(shù)內(nèi)部屬性
?在函數(shù)內(nèi)部有兩個特殊對象, arguments、this。
arguments 有一個名叫 callee 的屬性,是一個指針,指向擁有這個 arguments 對象的函數(shù),
應(yīng)用如下:
求階乘:
function factorial (n) { if (n <= 1) { return 1 } else { return n * arguments.callee(n - 1) } }
this 指執(zhí)行這個函數(shù)的環(huán)境對象
es5 規(guī)范化了另一個函數(shù)對象的屬性 caller,這個屬性保存著調(diào)用當(dāng)前函數(shù)的函數(shù)的引用,如果在全局作用域中則為null,如:
function outer () { inner() } function inner () { alert(inner.caller) // 顯示 outer 函數(shù)的源代碼 }
或者:
function outer () { inner() } function inner () { alert(arguments.callee.caller) // 顯示 outer 函數(shù)的源代碼 }12. 函數(shù)的屬性和方法
每個函數(shù)都包含兩個屬性,length和prototype。 length表示函數(shù)希望接受的參數(shù)的個數(shù),prototype是保存所有實例方法的真正所在
每個函數(shù)都包含兩個非繼承過來的方法,call()和apply(),作用都是在特定的作用域中調(diào)用函數(shù),實際上等于設(shè)置函數(shù)體內(nèi)this指針的值
apply() 接受兩個參數(shù),一個是在其中運行的作用域,一個是包含所有參數(shù)的數(shù)組,可以是 Array 的實例,也可以是 arguments 對象
call() 第一個參數(shù)同 apply(), 之后把所有參數(shù)直接傳遞給函數(shù),如:
window.color = "red" var o = { color: "blue" } function sayColor () { alert(this.color) } sayColor() // "red" sayColor.call(this) // "red" sayColor.call(window) // "red" sayColor.call(o) // "blue"
es5 定義了 bind() 方法,這個方法會創(chuàng)建一個函數(shù)的實例,其this值會被綁定到傳給 bind() 函數(shù)的值,如:
window.color = "red" var o = { color: "blue" } function sayColor () { alert(this.color) } var objSayColor = sayColor.bind(o) objSayColor() // "blue" // 支持的瀏覽器 IE 9+,F(xiàn)irefox 4+, Safari 5.1+, Opera 12+, Chrome13. num.toString(n) // 該方法返回幾進(jìn)制數(shù)值的字符串形式,如:
var num = 10 num.toString() // "10" num.toString(10) // "10" num.toString(2) // "1010" num.toString(8) // "12" num.toString(16) // "a" num.toFix(n) // 該方法將按照指定的小數(shù)位返回數(shù)值的字符串表示,如: var num = 10 num.toFix(2) // "10.00" // 如果數(shù)值本身比指定的小數(shù)位多,在現(xiàn)代瀏覽器上則按照四舍五入的辦法來處理 num.toExponential(n) // 表示用指數(shù)表示法(也稱e表示法)來把數(shù)值按指定的位數(shù)來轉(zhuǎn)化成字符串形式,如: var num2 = 10.1234 num2.toExponential(4) // "1.0123e+1"14. String 類型的每個實例都有 length 屬性,注意,即使有雙字節(jié)字符,每個字符也只算一個字符,計算長度的時候算1,如:
var str = "哈哈" str.length // 215. 字符方法:charAt() charCodeAt() // 這兩個方法都接受一個基于0的字符位置的參數(shù),前者返回對應(yīng)字符,后者返回對應(yīng)字符的字符編碼,如:
var stringValue = "hello world" stringValue.charAt(1) // "e" stringValue.charCodeAt() // 101 // 數(shù)值類型 // es5 定義了 方括號加數(shù)字索引來訪問特定字符的方法,如: stringValue[1] // "e" // 支持的瀏覽器 IE 8+,F(xiàn)irefox , Safari , Opera , Chrome16. 字符串操作方法
str.concat() // 類似于 + 號拼接字符串,可以傳遞多個參數(shù),返回新的把str和所有參數(shù)拼接在一起的字符串 slice() substring() substr() // 這三個都是會返回被操作字符串經(jīng)過分割得到的新字符串,接受一個或兩個參數(shù),第一個參數(shù)指定分割開始位置, // slice() substring() 的第二個參數(shù)指定分割結(jié)束位置,不包括該位置的字符串,substr() 第二個參數(shù)指返回的字符個數(shù)。 // 如果沒有給定第二個參數(shù),則將字符串的長度作為結(jié)束位置,如: var stringValue = "hello world!" stringValue.slice(3) // "lo world!" stringValue.substring(3) // "lo world!" stringValue.substr(3) // "lo world!" stringValue.slice(3, 7) // "lo wo" stringValue.substring(3, 7) // "lo wo" stringValue.substr(3, 7) // "lo worl" // 如果傳入的參數(shù)為負(fù)值,三個方法處理情況不相同:slice() 把兩個負(fù)參數(shù)都跟字符串長度相加,substring() 把兩個負(fù)參數(shù)都轉(zhuǎn)化成0, // substr() 把第一個參數(shù)跟字符串長度相加,第二個參數(shù)轉(zhuǎn)化成017. 字符串位置方法:indexOf() lastIndexOf() // 這兩個方法都是從一個字符串中搜索給定的子字符串,然后返回子字符串的位置(沒找到,則返回 -1)
// 這兩個方法的區(qū)別在于,一個從前向后搜索子字符串,一個從后向前搜索子字符串,如:
var stringValue = "hello world" stringValue.indexOf("o") // 4 stringValue.lastIndexOf("o") // 7
// 這兩個方法都可以接受第二個參數(shù),表示從字符串中的哪個位置開始搜索,包括指定的位置,如以下方法通過循環(huán)調(diào)用找到所有匹配的子字符串:
function getAllStr (str1, str2) { var positions = [] var pos = str1.indexOf(str2) while (pos > -1) { positions.push(pos) pos = str1.indexOf(str2, pos + 1) } return positions }18. trim() // es5 定義了這個方法,會返回一個刪除了前置及后綴的所有空格的新字符串,如:
var stringValue = " abc " stringValue.trim() // "abc" // 支持的瀏覽器 IE 9+,F(xiàn)irefox 3.5+, Safari 5+, Opera 10.5+, Chrome // 此外 Firefox 3.5+, Safari 5+ Chrome 8+ 還支持非標(biāo)準(zhǔn)的 trimLeft() trimRight() 方法,分別用來刪除字符串開頭和結(jié)尾的空格19. 字符串大小寫轉(zhuǎn)換方法
toLowerCase() toLocaleLowerCase() toUpperCase() toLocaleUpperCase() toLocaleLowerCase() toLocaleUpperCase() // 為對少數(shù)語言應(yīng)用的特殊規(guī)則 var stringValue = "Hello World!" stringValue.toLowerCase() // "hello world!" stringValue.toUpperCase() // "HELLO WORLD!"20. 字符串的模式匹配方法
這一部分稍后添加上去?
21. URI 編碼方法 encodeURI() encodeURIComponent() 對應(yīng) decodeURI() decodeURIComponent()編碼方法可以對 URI(Uniform Resource Identifiers 通用資源標(biāo)識符) 進(jìn)行編碼,以便發(fā)送給瀏覽器。有效的 URI 不能包含某些字符,如空格。
它們用特殊的 UTF-8 編碼替換所有無效字符,從而讓瀏覽器能夠接受和理解。
區(qū)別是 encodeURI() 不會對本身屬于 URI 的特殊字符進(jìn)行編碼,例如冒號、正斜杠、問號、井號;而 encodeURIComponent()
會對它發(fā)現(xiàn)的所有非標(biāo)準(zhǔn)字符進(jìn)行編碼。
decodeURI() 是 encodeURI() 的反操作 decodeURIComponent() 是 encodeURIComponent() 的反操作
第一部分結(jié)束。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/91303.html
摘要:如果重設(shè)構(gòu)造函數(shù)的原型對象,那么,會切斷新的原型對象和任何之前已經(jīng)存在的構(gòu)造函數(shù)實例之間的聯(lián)系,它們引用的仍然是最初的原型。說明返回的對象與構(gòu)造函數(shù)或者與構(gòu)造函數(shù)的原型屬性沒有關(guān)系。 說明: 此摘要筆記系列是我最近看《JavaScript高級程序設(shè)計(第3版)》隨手所記。里面分條列舉了一些我認(rèn)為重要的、需要記下的、對我有幫助的點,是按照我看的順序來的。摘要筆記本身沒有系統(tǒng)性,沒有全面性...
摘要:函數(shù)表達(dá)式和閉包函數(shù)聲明的一個重要特征是函數(shù)聲明提升如遞歸遞歸函數(shù)是在一個函數(shù)通過名字調(diào)用自身的情況下構(gòu)成的。注意中已經(jīng)是塊級作用域了,所以這些東西感覺實際用途沒有那么大,但是對理解閉包對作用域鏈中的屬性的引用,這一點還是有作用的。 函數(shù)表達(dá)式和閉包 1. 函數(shù)聲明的一個重要特征是函數(shù)聲明提升 如: sayHi() function sayHi () { console.log(h...
摘要:關(guān)于對象定義了全局對象。支持的瀏覽器有除了接受要序列化的對象外,還可以接受另外兩個參數(shù)。如果是數(shù)值,則表示每個級別縮進(jìn)的空格數(shù),最大,超過的值自動轉(zhuǎn)換成。字符串長度超過,結(jié)果中將只出現(xiàn)前個字符。會在結(jié)果字符串中插入換行符提高可讀性。 關(guān)于JSON 1. JSON 對象 es5 定義了全局對象 JSON。支持的瀏覽器有 IE8+ 、Firefox 3.5+ 、Safari 4+、Chro...
摘要:思路是,使用原型鏈對原型屬性和方法進(jìn)行繼承,借用構(gòu)造函數(shù)實現(xiàn)對實例屬性的繼承。注意使用寄生式繼承來為對象添加函數(shù),會由于不能做到函數(shù)復(fù)用而降低效率,這一點與構(gòu)造函數(shù)模式類似。無論什么情況下都會調(diào)用兩次超類型的構(gòu)造函數(shù)。 說明: 此摘要筆記系列是我最近看《JavaScript高級程序設(shè)計(第3版)》隨手所記。里面分條列舉了一些我認(rèn)為重要的、需要記下的、對我有幫助的點,是按照我看的順序來的...
摘要:說明此摘要筆記系列是我最近看高級程序設(shè)計第版隨手所記。其中,描述符對象的屬性必須是設(shè)置其中一個或多個值,可以修改對應(yīng)的特性值。如支持的瀏覽器,可以取得指定屬性的描述符。 說明: 此摘要筆記系列是我最近看《JavaScript高級程序設(shè)計(第3版)》隨手所記。里面分條列舉了一些我認(rèn)為重要的、需要記下的、對我有幫助的點,是按照我看的順序來的。摘要筆記本身沒有系統(tǒng)性,沒有全面性可言,寫在這里...
閱讀 704·2021-11-22 13:54
閱讀 3065·2021-09-26 10:16
閱讀 3490·2021-09-08 09:35
閱讀 1576·2019-08-30 15:55
閱讀 3429·2019-08-30 15:54
閱讀 2076·2019-08-30 10:57
閱讀 497·2019-08-29 16:25
閱讀 877·2019-08-29 16:15