js 學(xué)習(xí)筆記（三）
(1) 封裝——把相關(guān)的信息（無論數(shù)據(jù)或方法）存儲在對象中的能力。
(2) 聚集——把一個對象存儲在另一個對象內(nèi)的能力。
(3) 繼承——由另一個類（或多個類）得來類的屬性和方法的能力。
(4) 多態(tài)——編寫能以多種方法運(yùn)行的函數(shù)或方法的能力。
對象的類型
1.本地對象
①Array類
②Date類
2.內(nèi)置對象
3.宿主對象
Array類
toString()方法和valueOf()方法，返回特殊的字符串。該字符串是通過對每項(xiàng)調(diào)用toString()方法，然后用逗號把它們連接在一起構(gòu)成的。例如，對具有項(xiàng)"red"、"green"和"blue"的數(shù)組調(diào)用toString()方法或valueOf()方法，返回的是字符串"red,green,blue"。
join()方法唯一的用途就是連接字符串值。join()方法只有一個參數(shù)，即數(shù)組項(xiàng)之間使用的字符串。
split()方法將字符串轉(zhuǎn)換成數(shù)組，split()方法只有一個參數(shù)，就是被看作數(shù)組項(xiàng)之間的分隔符的字符串。如果把空字符串聲明為分隔符，那么split()方法返回的數(shù)組中的每個項(xiàng)是字符串的字符。
concat()方法處理數(shù)組的方式幾乎與它處理字符串的方式完全一樣。參數(shù)將被附加在數(shù)組末尾，返回的函數(shù)值是新的Array對象（包括原始數(shù)組中的項(xiàng)和新的項(xiàng)）。
slice()方法接受一個或兩個參數(shù)，即要提取的項(xiàng)的起始位置和結(jié)束位置。如果只有一個參數(shù)，該方法將返回從該位置開始到數(shù)組結(jié)尾的所有項(xiàng)；如果有兩個參數(shù)，該方法將返回第一個位置和第二個位置間的所有項(xiàng)，不包括第二個位置處的項(xiàng)。
unshift()方法，它把一個項(xiàng)放在數(shù)組的第一個位置，然后把余下的項(xiàng)向下移動一個位置。
reverse()方法顛倒數(shù)組項(xiàng)的順序。
sort()方法將根據(jù)數(shù)組項(xiàng)的值按升序?yàn)樗鼈兣判?。（注意：只是對字符串代碼的排序，數(shù)字?jǐn)?shù)組的排序需要另解）
splice()方法最復(fù)雜的方法，把數(shù)據(jù)項(xiàng)插入數(shù)組的中部。
1.刪除——只需要聲明兩個參數(shù)，就可以從數(shù)組中刪除任意多個項(xiàng)，這兩個參數(shù)是要刪除的第一個項(xiàng)的位置和要刪除的項(xiàng)的個數(shù)。例如arr.splice(0,2)將刪除數(shù)組arr中的前兩項(xiàng)。
2.替換而不刪除——聲明三個參數(shù)就可以把數(shù)據(jù)項(xiàng)插入指定的位置，這三個參數(shù)是起始位置、0（要刪除的數(shù)組項(xiàng)的個數(shù)）和要插入的項(xiàng)。此外，還可以用第四個、第五個或更多個參數(shù)指定其他要插入的項(xiàng)。例如，arr.splice(2,0,"red", "green")將在位置2處插入"red"和"green"。
3.替換并刪除——聲明三個參數(shù)就可以把數(shù)據(jù)項(xiàng)插入指定的位置，這三個參數(shù)是起始位置、要刪除的數(shù)組項(xiàng)的個數(shù)以及要插入的項(xiàng)。此外，還可以指定要插入的更多的項(xiàng)。要插入的項(xiàng)的個數(shù)不必等于刪除的項(xiàng)的個數(shù)。例如，arr.splice(2,1, "red","green")將刪除數(shù)組arr中位置2處的項(xiàng)，然后在位置2處插入"red"和"green"。
棧和隊(duì)列的概念
區(qū)別一
棧：后進(jìn)先出（LIFO）結(jié)構(gòu)，先添加的項(xiàng)先刪除，棧中的插入和刪除都只發(fā)生在棧頂部。
隊(duì)列：先進(jìn)先出（FIFO）結(jié)構(gòu)，先添加的項(xiàng)最后刪除，元素的插入操作只發(fā)生在隊(duì)列的尾部，而刪除操作則發(fā)生在隊(duì)列的頭部。
區(qū)別二
棧：頂部添加項(xiàng)叫“推入?！?，刪除頂部項(xiàng)叫“彈出?！?。
隊(duì)列：隊(duì)尾添加項(xiàng)叫“put”或“入隊(duì)”，隊(duì)頭刪除項(xiàng)叫“get”或“出隊(duì)”。
在Array類中的運(yùn)用
棧：push()方法用于在Array結(jié)尾添加一個或多個項(xiàng)，pop()方法用于刪除最后一個數(shù)組項(xiàng)（length-1），返回它作為函數(shù)值。
隊(duì)列：push()方法把數(shù)據(jù)項(xiàng)加入隊(duì)列（即在數(shù)組結(jié)尾添加數(shù)據(jù)項(xiàng)），shift()方法將刪除數(shù)組中的第一個項(xiàng)，將其作為函數(shù)值返回。
Date類
Date類的方法（列在下表中）均用于設(shè)置或獲取日期值的某部分。
|
方 法 |
說 明 |
|
toLocaleDateString() |
以地點(diǎn)特定的格式顯示Date的時間部分 |
|
getTime() |
返回日期的毫秒表示 |
|
setTime(milliseconds) |
設(shè)置日期的毫秒表示 |
|
getFullYear() |
返回用四位數(shù)字表示的日期的年份（如2004而不只是04） |
|
getUTCFullYear() |
返回用四位數(shù)字表示的UTC日期的年份 |
|
setFullYear(year) |
設(shè)置日期的年份，參數(shù)必須是四位數(shù)字的年份值 |
|
setUTCFullYear(year) |
設(shè)置UTC日期的年份，參數(shù)必須是四位數(shù)字的年份值 |
|
getMonth() |
返回日期的月份值，由數(shù)字0（1月）到11（12月）表示 |
|
getUTCMonth() |
返回UTC日期的月份值，由數(shù)字0（1月）到11（12月）表示 |
|
setMonth(month) |
設(shè)置日期的月份為大于等于0的數(shù)字。對于大于11的數(shù)字，開始累計年數(shù) |
|
setUTCMonth(month) |
設(shè)置UTC日期的月份為大于等于0的數(shù)字。對于大于11的數(shù)字，開始累計年數(shù) |
|
getDate() |
返回該日期該月中的某天 |
|
getUTCDate() |
返回該UTC日期該月中的某天 |
|
setDate(date) |
設(shè)置該日期該月中的某天 |
|
setUTCDate(date) |
設(shè)置該UTC日期該月中的某天 |
|
getDay() |
返回該日期為星期幾 |
|
getUTCDay() |
返回該UTC日期為星期幾 |
|
setDay(day) |
設(shè)置該日期為星期幾 |
|
setUTCDay(day) |
設(shè)置該UTC日期為星期幾 |
|
getHours() |
返回日期中的小時值 |
|
getUTCHours() |
返回UTC日期中的小時值 |
|
setHours(hours) |
設(shè)置日期中的小時值 |
|
setUTCHours(hours) |
設(shè)置UTC日期中的小時值 |
|
getMinutes() |
返回日期中的分鐘值 |
|
getUTCMinutes() |
返回UTC日期中的分鐘值 |
|
setMinutes(minutes) |
設(shè)置日期中的分鐘值 |
|
setUTCMinutes(minutes) |
設(shè)置UTC日期中的分鐘值 |
|
getSeconds() |
返回日期中的秒值 |
|
getUTCSeconds () |
返回UTC日期中的秒值 |
|
setSeconds (seconds) |
設(shè)置日期中的秒值 |
|
setUTCSeconds (seconds) |
設(shè)置UTC日期中的秒值 |
|
getMilliseconds() |
返回日期中的毫秒值。注意，這不是自1970年1月1日以后的毫秒值，而是當(dāng)前時間中的毫秒值，例如4 :55 :34.20，其中20即為時間的毫秒值 |
|
getUTCMilliseconds () |
返回UTC日期中的毫秒值 |
|
setMilliseconds (milliseconds) |
設(shè)置日期中的毫秒值 |
|
setUTCMilliseconds (milliseconds) |
設(shè)置UTC日期中的毫秒值 |
相關(guān)文章
GWT中復(fù)制到剪貼板 js+flash實(shí)現(xiàn)復(fù)制 兼容性比較好
今天看到有個Google Code的項(xiàng)目，叫ZeroClipboard，大意是使用flash作為媒介，將內(nèi)容復(fù)制到剪貼板。這比用純javascript好，因?yàn)椴煌瑸g覽器會出于安全的原因，有不同反應(yīng)，例如IE會給出提示，有的瀏覽器不支持復(fù)制到剪貼板。2010-03-03
這篇文章主要介紹了Javascript寫入txt和讀取txt文件的方法,需要的朋友可以參考下2014-02-02
JS實(shí)現(xiàn)部分HTML固定頁面頂部隨屏滾動效果
這篇文章主要介紹了JS實(shí)現(xiàn)部分HTML固定頁面頂部隨屏滾動效果,涉及JavaScript響應(yīng)onscroll事件動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2015-12-12
由 John Resig 的 How JavaScript Timers Work 可以知道，現(xiàn)有的 JavaScript 引擎是單線程處理任務(wù)的。它把任務(wù)放到隊(duì)列中，不會同步去執(zhí)行，必須在完成一個任務(wù)后才開始另外一個任務(wù)。2008-05-05
提高javascript效率 一次判斷，而不要次次判斷，學(xué)習(xí)js的朋友可以參考下2012-03-03
學(xué)習(xí)的目的是對裝飾者模式模式有進(jìn)一步的理解，并運(yùn)用在自己的項(xiàng)目中；對TypeScript裝飾器的理解，更好的使用裝飾器，例如在nodejsweb框架中、vue-property-decorator中，或者是自定義裝飾器，能熟練運(yùn)用并掌握其基本的實(shí)現(xiàn)原理。2021-04-04
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉菜單樣式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
some()方法用于檢測數(shù)組中的元素是否滿足指定條件函數(shù)提供,這篇文章主要介紹了JS中的數(shù)組的some()方法示例解析,需要的朋友可以參考下2025-04-04
JavaScript中附件預(yù)覽功能實(shí)現(xiàn)詳解（推薦）
這篇文章主要介紹了JavaScript中附件預(yù)覽功能的實(shí)現(xiàn),具體操作步驟大家可查看下文詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08
這篇文章主要介紹了vue 組件銷毀并重置的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01