Js學(xué)習(xí)

總結(jié)自:https://www.cnblogs.com/wangfupeng1988/p/3977924.html

1. hasOwnProperty();

返回Boolean類型, 如果對(duì)象object有該屬性, 返回true, 否則返回false
需要注意的是該方法不會(huì)檢查對(duì)象的原型鏈中是否存在該屬性, 該屬性只有是對(duì)象本身的一個(gè)成員才會(huì)返回true;

2. 函數(shù)和對(duì)象的關(guān)系

函數(shù)就是對(duì)象的一種, 但函數(shù)和其他比如數(shù)組對(duì)象不一樣, 它們間不僅僅是一種包含和被包含關(guān)系:

對(duì)象可以通過函數(shù)來創(chuàng)建, 或者說絕對(duì)一點(diǎn), 對(duì)象都是通過函數(shù)來創(chuàng)建的.

3. 啥是對(duì)象呢?

一切引用類型都是對(duì)象, 對(duì)象就是若干屬性的集合

4. prototype 和 _proto_

函數(shù)本身擁有prototype這個(gè)屬性, 這個(gè)屬性對(duì)應(yīng)的值也是一個(gè)對(duì)象, 該對(duì)象中默認(rèn)有constructor的屬性, constructor指向這個(gè)函數(shù)本身.
new 函數(shù) 生成的對(duì)象, 即函數(shù)爸爸的兒子, 兒子都有一個(gè)_proto_的隱藏屬性, 這個(gè)隱藏屬性引用了爸爸的prototype.即 fn._proto_ === Fn.prototype.

每個(gè)函數(shù)function都有一個(gè)prototype岳掐,即原型。這里再加一句話——每個(gè)對(duì)象都有一個(gè)proto周拐,可成為隱式原型爱只。

image.png

5. 原型鏈

訪問一個(gè)對(duì)象的屬性時(shí), 先在基本屬性中查找, 如果沒有, 再沿著_proto_這條鏈向上找阱飘,這就是原型鏈.

image.png

image.png

1、Object由Function創(chuàng)造。Function由自己創(chuàng)造Function的prototype又是對(duì)象沥匈。
2蔗喂、三個(gè)指針:實(shí)例指針指向的是原型對(duì)象,構(gòu)造函數(shù)指向函數(shù)對(duì)象高帖,函數(shù)對(duì)象指向原型對(duì)象缰儿。

6. 上下文環(huán)境

上下文環(huán)境是在調(diào)用時(shí)創(chuàng)建的.

7. this指向誰?

- 構(gòu)造函數(shù)中的this, 指向它new出的孩子.
- 函數(shù)作為對(duì)象的一個(gè)屬性, 并作為屬性被調(diào)用時(shí), this指向該對(duì)象.
- call或apply時(shí), this指向call或apply中傳入的obj.
- this在原型鏈中, this代表的是當(dāng)前對(duì)象的值.
- 全局環(huán)境下, this指向window.
- 總之一句話,誰調(diào)用的函數(shù)散址,this就指向誰.

值得注意的是這種情況:

image.png

函數(shù)f雖然是在obj.fn內(nèi)部定義的, 但他仍是一個(gè)普通的函數(shù), this依然指向window.
關(guān)于箭頭函數(shù)中的this:
箭頭函數(shù)本質(zhì)是一個(gè)匿名內(nèi)部函數(shù)乖阵,它沒有this.所以this是繼承下來的,并且這個(gè)繼承是在定義函數(shù)的時(shí)候完成的预麸。

image.png

這種情況下瞪浸,this繼承自module中的this, module是一個(gè)對(duì)象,它的this為window.


image.png

getX為module對(duì)象中的一個(gè)方法吏祸,方法中的this就是module對(duì)象本身对蒲。


image.png

同樣的,箭頭函數(shù)中的this來自function()方法贡翘,而function方法中的this為module.

image.png

obj.a調(diào)用后打出來的是obj對(duì)象蹈矮,而obj.b.c調(diào)用后打出的是window對(duì)象而非obj,這表示多層對(duì)象嵌套里箭頭函數(shù)里this是和最最外層保持一致的鸣驱。

箭頭函數(shù)中的this泛鸟,到他的父函數(shù)中取尋找,本身沒有this踊东。

非箭頭函數(shù)中的this, 看運(yùn)行的時(shí)候北滥,誰調(diào)用了,this指向誰闸翅。

參考:http://blog.csdn.net/yangbingbinga/article/details/61424363

詞法作用域:當(dāng)一個(gè)函數(shù)確定下來的時(shí)候碑韵,就會(huì)形成一個(gè)詞法作用域,window本身為最大的那個(gè)詞法作用域缎脾。箭頭函數(shù)不會(huì)產(chǎn)生詞法作用域。箭頭函數(shù)中的this,就是看它所處的那個(gè)詞法作用域中的this代表誰占卧。注意遗菠,普通函數(shù)中的this不遵循這一規(guī)則。

8. 作用域

除了全局作用域, 只有函數(shù)才能創(chuàng)建作用域, 創(chuàng)建一個(gè)函數(shù)就創(chuàng)建了一個(gè)作用域, 無論你調(diào)不調(diào)用, 函數(shù)只要?jiǎng)?chuàng)建了, 他就有獨(dú)立的作用域, 就有自己的一個(gè)地盤.

9. 作用域鏈

變量到底指向誰? 要到創(chuàng)建這個(gè)函數(shù)的那個(gè)作用域中取值, 是創(chuàng)建而不是調(diào)用, 如果沒有找到, 那么就會(huì)到上一級(jí)的作用域中尋找改變變量, 這種一步一步向上跨的路線, 就是作用域鏈

10. 閉包怎么理解?

JavaScript中的函數(shù)運(yùn)行在它們被定義的作用域里华蜒,而不是它們被執(zhí)行的作用域里。

怎么理解這句話呢:

var foo = function(){
    var name = "exe";
    return function inner(){
        console.log( name );
    }
}
var bar = foo();//這里雖然得到的是函數(shù)inner的引用叭喜,而不是那一坨代碼
bar();//這里開始執(zhí)行inner函數(shù)贺拣,回頭看看上面加粗的那句話

閉包有什么用? 為了能夠讀取其他函數(shù)內(nèi)部變量函數(shù).
本質(zhì)上, 閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁.
閉包最大的兩個(gè)作用, 一個(gè)是可以讀取函數(shù)內(nèi)部的變量, 還有一個(gè)是讓這些變量的值始終保持在內(nèi)存中.
舉個(gè)閉包的例子:

    function f1(){
    var n=999;
    nAdd=function(){n+=1}//如果不用var命令譬涡,相當(dāng)于申明為全局
    function f2(){
      alert(n);
    }
    return f2;
  }
  var result=f1();
  result(); // 999
  nAdd();
  result(); // 1000

補(bǔ)充涡匀,可以查看閉包在for循環(huán)中的用法:https://www.cnblogs.com/copperhaze/p/6145302.html

11. 閉包和this結(jié)合

var obj = {
     name: 'world',
     sayHello: function() {
       return function() {
             console.log('hello', this.name);
       }
    }
}
obj.sayHello()();//hello

結(jié)果并沒有打印world
將obj.sayHellow()()陨瘩;拆開來寫就是這樣
var a = obj.sayHello();//返回一個(gè)匿名函數(shù)帚湘。
var result = a();//執(zhí)行該匿名函數(shù)甚淡,此時(shí)a()函數(shù)中的this并未和obj對(duì)象綁定,所以直接指向全局對(duì)象window.

為什么匿名函數(shù)沒有取得其包含作用域(外部作用域)的this對(duì)象呢脸侥?
每個(gè)函數(shù)被調(diào)用時(shí)建邓,其活動(dòng)對(duì)象都會(huì)自動(dòng)取得兩個(gè)特殊變量:this和arguments。內(nèi)部函數(shù)在搜索這兩個(gè)變量時(shí)睁枕,只會(huì)搜索到其活動(dòng)對(duì)象為止官边,因此永遠(yuǎn)不可能直接訪問外部函數(shù)中的這兩個(gè)變量。 《Javascript高級(jí)程序設(shè)計(jì)》

12. 閉包為什么能讓其他函數(shù)訪問內(nèi)部變量?

以上這個(gè)例子, f2被賦給了一個(gè)全局變量, 所以f2一直被保存在內(nèi)存中, 而f2的存在依賴f1, 所以f1也一直在內(nèi)存中. 在f1()調(diào)用結(jié)束后, f1()的上下文環(huán)境不會(huì)出棧, 最終就能一直訪問這個(gè)上下文環(huán)境中的內(nèi)部變量.

13. es6

let和const:https://www.cnblogs.com/copperhaze/p/6145302.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末外遇,一起剝皮案震驚了整個(gè)濱河市注簿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌跳仿,老刑警劉巖诡渴,帶你破解...
    沈念sama閱讀 221,273評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異菲语,居然都是意外死亡妄辩,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門山上,熙熙樓的掌柜王于貴愁眉苦臉地迎上來眼耀,“玉大人,你說我怎么就攤上這事佩憾∠埃” “怎么了干花?”我有些...
    開封第一講書人閱讀 167,709評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長楞黄。 經(jīng)常有香客問我池凄,道長,這世上最難降的妖魔是什么谅辣? 我笑而不...
    開封第一講書人閱讀 59,520評(píng)論 1 296
  • 正文 為了忘掉前任修赞,我火速辦了婚禮,結(jié)果婚禮上桑阶,老公的妹妹穿的比我還像新娘柏副。我一直安慰自己,他們只是感情好蚣录,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評(píng)論 6 397
  • 文/花漫 我一把揭開白布割择。 她就那樣靜靜地躺著,像睡著了一般萎河。 火紅的嫁衣襯著肌膚如雪荔泳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,158評(píng)論 1 308
  • 那天虐杯,我揣著相機(jī)與錄音玛歌,去河邊找鬼。 笑死擎椰,一個(gè)胖子當(dāng)著我的面吹牛支子,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播达舒,決...
    沈念sama閱讀 40,755評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼值朋,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了巩搏?” 一聲冷哼從身側(cè)響起昨登,我...
    開封第一講書人閱讀 39,660評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎贯底,沒想到半個(gè)月后丰辣,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,203評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡禽捆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評(píng)論 3 340
  • 正文 我和宋清朗相戀三年笙什,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片睦擂。...
    茶點(diǎn)故事閱讀 40,427評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖杖玲,靈堂內(nèi)的尸體忽然破棺而出顿仇,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 36,122評(píng)論 5 349
  • 正文 年R本政府宣布臼闻,位于F島的核電站鸿吆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏述呐。R本人自食惡果不足惜惩淳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望乓搬。 院中可真熱鬧思犁,春花似錦、人聲如沸进肯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽江掩。三九已至学辱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間环形,已是汗流浹背策泣。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抬吟,地道東北人萨咕。 一個(gè)月前我還...
    沈念sama閱讀 48,808評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像拗军,于是被迫代替她去往敵國和親任洞。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評(píng)論 2 359