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

資訊專欄INFORMATION COLUMN

JavaScript知識(shí)點(diǎn)總結(jié)

sean / 653人閱讀

摘要:參與任何數(shù)值計(jì)算的結(jié)構(gòu)都是,而且。。面向人類的理性事物,而不是機(jī)器信號(hào)。達(dá)到無刷新效果。的工作原理總是指向一個(gè)對(duì)象,具體是運(yùn)行時(shí)基于函數(shù)的執(zhí)行環(huán)境動(dòng)態(tài)綁定的,而非函數(shù)被聲明時(shí)的環(huán)境。原型對(duì)象上有一個(gè)屬性,該屬性指向的就是構(gòu)造函數(shù)。

1.JS面向?qū)ο蟮睦斫?/b>
面向?qū)ο蟮娜筇攸c(diǎn):繼承、封裝、多態(tài)
1、JS中通過prototype實(shí)現(xiàn)原型繼承
2、JS對(duì)象可以通過對(duì)象冒充,實(shí)現(xiàn)多重繼承,
3、Object類是所有Js類的基類
4、通過function對(duì)對(duì)象進(jìn)行封裝
5、通過使用arguments實(shí)現(xiàn)參數(shù)重載
6、ES6語法糖可以直接定義類class,繼承對(duì)象extends
2.JS數(shù)據(jù)類型
1.基本數(shù)據(jù)類型:

Undefined:代表一切未知的事物,啥都沒有,無法想象,代碼也就更無法去處理了。
          注意:typeof(Undefined) 返回也是 Undefined??梢詫ndefined賦值給任何變量或?qū)傩?,但并不意味了清除了該變量,反而?huì)因此多了一個(gè)屬性。
    
Null:有那么一個(gè)概念,但沒有東西。無中似有,有中還無。雖難以想象,但已經(jīng)可以用代碼來處理了。
     注意:typeof(Null)返回Object,但Null并非Object,具有Null值的變量也并非object。
    
Boolean:是就是,非就非,沒有疑義。對(duì)就對(duì),錯(cuò)就錯(cuò),絕對(duì)明確。既能被代碼處理,也可以控制代碼的流程。

Number:線性的事物,大小和次序分明,多而不亂。便于代碼進(jìn)行批量處理,也控制代碼的迭代和循環(huán)等。
       注意:typeof(NaN)和typeof(Infinity)都返回number 。NaN參與任何數(shù)值計(jì)算的結(jié)構(gòu)都是NaN,
       而且 NaN != NaN 。Infinity / Infinity = NaN 。
    
String:面向人類的理性事物,而不是機(jī)器信號(hào)。人機(jī)信息溝通,代碼據(jù)此理解人的意圖等等,都靠它了。

2.引用數(shù)據(jù)類型:Object、Array、Function
3.ES6新增的數(shù)據(jù)類型 
    Set集合 :set與數(shù)組不同在于set中不可以有重復(fù)數(shù)據(jù),常用于去重操作
    Map: 用map可以避免鍵值必須為字符串的限制,其鍵值可以為對(duì)象、數(shù)組等
    Symbol類型: 用相同的字符串對(duì)對(duì)象屬性名或方法進(jìn)行命名時(shí)會(huì)發(fā)生命名沖突,而使用symbol產(chǎn)生的名字是不同的
3.JS判斷數(shù)據(jù)類型的幾種方法
1、typeof
2、prototype
3、instanceof
4、constructor
5、Object.prototype.toString.call(a)
注意 :  typeof 1 // "number"
        typeof "1" // "string"
        typeof true // "boolean"
        typeof Symbol(1) // "symbol"
        typeof {} // "object"
        typeof [] // "object",小坑
        typeof function(){} // "function"
        typeof Symbol(1) // "symbol"
        typeof undefined // "undefined"
        typeof null // "object",出名的坑

區(qū)別:
    1.typeof null === Object 無法判斷出function(有些瀏覽器會(huì)出錯(cuò))、array、regExp
    2. instanceof主要是判斷引用類型,用來測(cè)試一個(gè)對(duì)象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的 prototype 屬性。
    3.Object.prototype.toString是對(duì)象的一個(gè)原生原型擴(kuò)展函數(shù),用來精確的區(qū)分?jǐn)?shù)據(jù)類型(最保險(xiǎn),不容易出錯(cuò)的判斷方法)

4.Object對(duì)象的認(rèn)知
JS中所有的對(duì)象都繼承自O(shè)bject
創(chuàng)建一個(gè)新對(duì)象: 

var person = new Object();
person.name = "我有貓你沒有";
person.age = 25;

constructor屬性是保存當(dāng)前對(duì)象的構(gòu)造函數(shù),前面的例子中,constructor保存的就是Object方法。
hasOwnProperty方法接收一個(gè)字符串參數(shù),該參數(shù)表示屬性名稱,用來判斷該屬性是否在當(dāng)前對(duì)象實(shí)例中,而不是在對(duì)象的原型鏈中。
isPrototype方法接收一個(gè)對(duì)象,用來判斷當(dāng)前對(duì)象是否在傳入的參數(shù)對(duì)象的原型鏈上
4.Array數(shù)據(jù)的一些方法用法
concat() 連接兩個(gè)或更多數(shù)組
splice(index,len,[item]) 刪除元素,并向數(shù)組添加一個(gè)新元素。
Slice() 從某個(gè)已有的數(shù)組返回選定的元素
Join() 把數(shù)組的所有元素放入一個(gè)字符串,元素通過指定的分隔符進(jìn)行分割
push() 在數(shù)組后添加元素,并返回新的長(zhǎng)度
unshift() 在數(shù)組最前添加元素
pop() 刪除數(shù)組最后一個(gè)元素并返回該元素的值
reverse() 顛倒數(shù)組中元素的順序
shift() 刪除并返回?cái)?shù)組中第一個(gè)元素
sort() 對(duì)數(shù)組元素進(jìn)行排序
toSource() 返回該對(duì)象的源代碼
toString()  把數(shù)組轉(zhuǎn)換為字符串并返回結(jié)果
toLocaleString() 把數(shù)組轉(zhuǎn)換為本地?cái)?shù)組,并返回結(jié)果
valueOf() 返回對(duì)象的原始值

數(shù)組循環(huán)的幾種方式和區(qū)別

1.map() 返回一個(gè)新數(shù)組,數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值(需要直接修改數(shù)組時(shí)可使用)
2.foreach() 用于調(diào)用數(shù)組的每個(gè)元素,并將元素傳遞給回調(diào)函數(shù),只是遍歷一次數(shù)組,不會(huì)去修改原數(shù)組(獲取數(shù)據(jù)某些內(nèi)容時(shí)使用)
3.filter() 創(chuàng)建一個(gè)新的數(shù)組,新數(shù)組中的元素是原始數(shù)組通過檢查返回值為true的項(xiàng)(過濾數(shù)據(jù)時(shí)使用)
4.every() 用于檢測(cè)數(shù)組所有元素是否都符合指定條件,如果數(shù)組中檢測(cè)到有一個(gè)元素不滿足,則整個(gè)表達(dá)式返回false,且剩余元素不會(huì)再進(jìn)行檢測(cè);如果所有元素都滿足條件,則返回true
5.some() 于檢測(cè)數(shù)組中是否有元素滿足指定條件(函數(shù)),如果有一個(gè)元素滿足條件,則表達(dá)式返回true,剩余元素不再執(zhí)行檢測(cè);如果沒有滿足條件的元素,則返回false
6. reduce() 數(shù)組累加器和數(shù)組中的每個(gè)元素 (從左到右)應(yīng)用一個(gè)函數(shù),將其減少為單個(gè)值
5.Function函數(shù)的理解
兩種自定義函數(shù)的方法 1.function fnName(){}  2. var fnName=function(){}
函數(shù)的返回值:1.當(dāng)函數(shù)無明確返回值時(shí),函數(shù)返回undefined。2.有返回值返回。
函數(shù)的參數(shù)列表是可變的,數(shù)據(jù)類型也是任意數(shù)據(jù)類型,JS中有一個(gè)變量,argument可以訪問所有傳到函數(shù)內(nèi)部的參數(shù)。
Js支持創(chuàng)建動(dòng)態(tài)函數(shù),動(dòng)態(tài)函數(shù)必須用Function對(duì)象來定義。
創(chuàng)建動(dòng)態(tài)函數(shù)的基本格式:
var 變量名 = new Function("參數(shù)1","參數(shù)2","參數(shù)n","執(zhí)行語句");
var add = new Function("x", "y", "return(x+y)");
JavaScript不支持函數(shù)的重載。如果兩個(gè)方法名字一樣,即使參數(shù)個(gè)數(shù)不一樣,那么后面定義的就會(huì)覆蓋前面定義,調(diào)用方法時(shí)永遠(yuǎn)是調(diào)用后定義的那個(gè)。
6.Ajax請(qǐng)求的原理
通過XMLHttpRequest對(duì)象來向服務(wù)器發(fā)送異步請(qǐng)求,從服務(wù)器獲取數(shù)據(jù)。然后用JavaScript來操作DOM而更新頁面。
XMLHttpRequest是ajax的核心機(jī)制,它是IE5中首先引入的,是一種支持異步請(qǐng)求的技術(shù)。簡(jiǎn)單的說,也就是JavaScript可以及時(shí)的向服務(wù)器提出請(qǐng)求并及時(shí)響應(yīng)。而不阻塞用    戶。達(dá)到無刷新效果。由事件觸發(fā),創(chuàng)建一個(gè)XMLHttpRequest對(duì)象,把HTTP方法 (POST/GET)和目標(biāo)URL以及請(qǐng)求返回后的回調(diào)函數(shù)設(shè)置到XMLHttpRequest對(duì)象,通過        XMLHttpRequest向服務(wù)器發(fā)送請(qǐng)求,請(qǐng)求發(fā)送后繼續(xù)響應(yīng)用戶的界面交互,只有等到請(qǐng)求真正從服務(wù)器返回的時(shí)候才調(diào)用callback()函數(shù),對(duì)響應(yīng)數(shù)據(jù)進(jìn)行處理。
Function ajax(){
If(window.XMLHttpRequest){
    Var xhr =new XMLHttpRequest();
    }else{
        Var xhr=new ActiveXObject(‘Microsoft.XMLHTTP’);
    }
    Xhr.onreadystatechange=function(){
    If(xhr.readState==4){}
    }
}
7.JS閉包(Closure)
閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。由于在JavaScript語言中,只有函數(shù)的內(nèi)部的子函數(shù)才能讀取局部變量,因此可以把閉包簡(jiǎn)單理解成“定義在函數(shù)內(nèi)部的函數(shù)”。所以    在本質(zhì)上,閉包就是講函數(shù)內(nèi)部和函數(shù)外部鏈接起來的一座橋梁。
閉包的用途:1.獲取函數(shù)內(nèi)部的局部變量。2.讓這些變量始終保持在內(nèi)存中。
注意:1.由于閉包會(huì)使得函數(shù)中的變量一直保存在內(nèi)存中,所以不能濫用閉包,容易導(dǎo)致內(nèi)存泄漏,影響網(wǎng)頁性能,解決方法就是在退出函數(shù)之前,將不再使用的變量全部刪除        (delete);2閉包會(huì)在父函數(shù)外部,改變父函數(shù)內(nèi)部變量的值。所以,如果你把父函數(shù)當(dāng)作對(duì)象(object)使用,把閉包當(dāng)作它的公用方法(Public Method),把內(nèi)部變量當(dāng)        作它的私有屬性(private value),這時(shí)一定要小心,不要隨便改變父函數(shù)內(nèi)部變量的值。
8.this的工作原理
This總是指向一個(gè)對(duì)象,具體是運(yùn)行時(shí)基于函數(shù)的執(zhí)行環(huán)境動(dòng)態(tài)綁定的,而非函數(shù)被聲明時(shí)的環(huán)境。
普通函數(shù)調(diào)用時(shí),一般指向window對(duì)象;
對(duì)象方法調(diào)用時(shí),指向該對(duì)象;
如果對(duì)象方法里有局部方法,里面的this會(huì)指向window對(duì)象;
在ES5模式下,this指向window的都會(huì)變成undefined;
Apply,call時(shí),動(dòng)態(tài)改變this
9.JS中繼承的幾種方法
Prototype   原型繼承
Call()
Apply()
//模擬extend
 var extend=function(target,source){
     for(property in source)
     {
         if(target.hasOwnProperty(property))
         {
             target[property]=source[property];
         }else{
             target.property=source[property];
         }
     }
     return target;
 }

10.原型鏈

首先要理解原型
每個(gè)JS對(duì)象都有一個(gè)prototype原型屬性,指向該對(duì)象繼承的原型。
原型對(duì)象上有一個(gè) constructor 屬性,該屬性指向的就是構(gòu)造函數(shù)。
而實(shí)例對(duì)象上有一個(gè) __proto__  屬性,該屬性也指向原型對(duì)象,并且該屬性不是標(biāo)準(zhǔn)屬性,不可以用在編程中,該屬性用于瀏覽器內(nèi)部使用。

原型鏈:其實(shí)就是有限的實(shí)例對(duì)象和原型之間組成有限鏈,就是用來實(shí)現(xiàn)共享屬性和繼承的。

11.JS中的事件機(jī)制

12.

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

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

相關(guān)文章

  • JavaScript 基礎(chǔ)知識(shí)】一篇關(guān)于 JavaScript 一些識(shí)點(diǎn)總結(jié) —— 持續(xù)更新

    摘要:中基礎(chǔ)數(shù)據(jù)類型數(shù)據(jù)類型名稱數(shù)據(jù)類型說明只有一個(gè)值,即,聲明變量的初始值。只有一個(gè)值,即,表示空指針,的值是派生的值。由零或多個(gè)位字符組成只有兩個(gè)值,即和該類型使用來表示整數(shù)和浮點(diǎn)數(shù)。中的對(duì)象其實(shí)就是一組數(shù)據(jù)和功能的集合。 JavaScript 中基礎(chǔ)數(shù)據(jù)類型 數(shù)據(jù)類型名稱 數(shù)據(jù)類型說明 Undefined 只有一個(gè)值,即 undefined ,聲明變量的初始值。 Nul...

    felix0913 評(píng)論0 收藏0
  • 優(yōu)化JavaScript總結(jié)分享(上)

    摘要:上面代碼優(yōu)化后盡量使用局部變量緩存全局變量在實(shí)際開發(fā)中盡量使用局部變量緩存全局變量,因?yàn)椋揭粋€(gè)函數(shù)多次訪問全局變量的時(shí)候,會(huì)出現(xiàn)一個(gè)作用域練查找的過程,全局作用域位置越深找到的時(shí)間就越久,因此這也會(huì)涉及到性能的執(zhí)行速度問題。 本來想整理一篇完整的JavaScript優(yōu)化知識(shí)點(diǎn)出來跟大家討論分享一下的,但是由于最近個(gè)人的時(shí)間比較少,所以先整理了兩個(gè)知識(shí)點(diǎn),之后有時(shí)間了再繼續(xù)整理后面的。...

    jackwang 評(píng)論0 收藏0
  • JavaScript 總結(jié)幾個(gè)提高性能識(shí)點(diǎn)

    摘要:有興趣的朋友可自行該知識(shí)點(diǎn),這里件簡(jiǎn)單提下吧。并且可能一個(gè)點(diǎn)或者兩個(gè)點(diǎn)不注意是不會(huì)產(chǎn)生多大性能影響,但是從多個(gè)點(diǎn)進(jìn)行優(yōu)化后,可能產(chǎn)生的就會(huì)是質(zhì)的飛躍了 針對(duì)js文件的加載位置 在HTML文件中,標(biāo)簽是可以加在區(qū)域和區(qū)域的。這里鑒于JavaScript執(zhí)行和UI渲染的單線程原因,如果js文件載入會(huì)阻塞后面對(duì)于頁面的解析過程,頁面會(huì)等到j(luò)s文件完全加載并運(yùn)行后才繼續(xù)執(zhí)行該做的操作。那么問題...

    nihao 評(píng)論0 收藏0
  • 全本 | iKcamp翻譯 | 《JavaScript 輕量級(jí)函數(shù)式編程》|《你不知道的JS》姊妹篇

    摘要:本書主要探索函數(shù)式編程的核心思想。我們?cè)谥袘?yīng)用的僅僅是一套基本的函數(shù)式編程概念的子集。我稱之為輕量級(jí)函數(shù)式編程。通常來說,關(guān)于函數(shù)式編程的書籍都熱衷于拓展閱讀者的知識(shí)面,并企圖覆蓋更多的知識(shí)點(diǎn)。,本書統(tǒng)稱為函數(shù)式編程者。 原文地址:Functional-Light-JS 原文作者:Kyle Simpson?。 禮ou-Dont-Know-JS》作者 譯者團(tuán)隊(duì)(排名不分先后)...

    paney129 評(píng)論0 收藏0
  • JavaScript文章

    摘要:我對(duì)知乎前端相關(guān)問題的十問十答張?chǎng)涡駨場(chǎng)涡翊笊駥?duì)知乎上經(jīng)典的個(gè)前端問題的回答。作者對(duì)如何避免常見的錯(cuò)誤,難以發(fā)現(xiàn)的問題,以及性能問題和不好的實(shí)踐給出了相應(yīng)的建議。但并不是本身有問題,被標(biāo)準(zhǔn)定義的是極好的。 這一次,徹底弄懂 JavaScript 執(zhí)行機(jī)制 本文的目的就是要保證你徹底弄懂javascript的執(zhí)行機(jī)制,如果讀完本文還不懂,可以揍我。 不論你是javascript新手還是老...

    mumumu 評(píng)論0 收藏0
  • ES6-7

    摘要:的翻譯文檔由的維護(hù)很多人說,阮老師已經(jīng)有一本關(guān)于的書了入門,覺得看看這本書就足夠了。前端的異步解決方案之和異步編程模式在前端開發(fā)過程中,顯得越來越重要。為了讓編程更美好,我們就需要引入來降低異步編程的復(fù)雜性。 JavaScript Promise 迷你書(中文版) 超詳細(xì)介紹promise的gitbook,看完再不會(huì)promise...... 本書的目的是以目前還在制定中的ECMASc...

    mudiyouyou 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<