JavaScript學(xué)習(xí)摘入

-## 1. scope:

  • Js通過var宣告變數(shù),如果不加宣告魏滚,沒有宣告的內(nèi)容會被當(dāng)作全域變數(shù)處理
  • Js沒有塊級作用域镀首。
    example:
    for(int i =0 ; i < 10 ; i++ )
    這里的 ‘i’ 就屬于塊級作用域

2.this的理解:

  • 在javascript中this既可以當(dāng)作全局對象鼠次,當(dāng)前對象或者是任意對象更哄,這完全取決于函數(shù)得調(diào)用方式。在js中調(diào)用可以有以下幾種方式
  • 全局對象
  • 當(dāng)前對象
  • 任意對象
圖解Javascript this指向什么.png

當(dāng)前對象的例子:
var point = { 
       x : 2, 
       y : 2, 
       moveTo : function(x, y) { 
       this.x = this.x + x; 
       this.y = this.y + y; 
       console.log(this.x);
       console.log(this.y)
   } 
};
point.moveTo(1,1); //this 綁定到當(dāng)前對象,即point對象`  

  • 首先腥寇,上面這個程式碼中成翩,使用this得時候不是用new宣告得,所以沒有指向一個新的對象赦役,之后是用dot()調(diào)用麻敌,因此this會指向dot之前的對象,也就是this掂摔。所以最后this.x=3,this.y=3;

全域變量的例子:
function func(x) { 
 this.x = x; 
} 
func(5); //this是全局對象window术羔,x為   全局變量
//決策樹解析:func()函數(shù)是用new進行調(diào)用的么?為否棒呛,進入func()函數(shù)是用dot進行調(diào)用的么聂示?為否,則 this指向全局對象window
x;//x => 5

  • 這里我們可以發(fā)現(xiàn)簇秒,在調(diào)用this的時候既沒有進行new調(diào)用鱼喉,也沒有使用dot()的調(diào)用方式,所以這個時候所使用的this?的是全局變量趋观。

3.call & apply:

call 跟 apply 隸屬于

Function.prototype

所謂的Function.prototype是指Function類型中原生的方法扛禽,在ECMAScript標(biāo)準(zhǔn)的第一個版本中就已經(jīng)初步定義過,所以不用擔(dān)心兼容性的問題皱坛。

call 跟 apply的方法要實現(xiàn)的功能幾乎一致编曼,在更改this的指向的情況下,使用某個value或者function剩辟。

語法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])
語法:apply([thisObj[,argArray]])

Example:

var point = { 
 x : 2, 
 y : 2, 
 moveTo : function(x, y) { 
     this.x = this.x + x; 
     this.y = this.y + y; 
     console.log(this.x);
     console.log(this.y)
   } 
 };
point.moveTo(1,1); //this 綁定到當(dāng)前對    象,即point對象
var point2 = { x:10 , y:10 };
console.log(point2.x);
console.log(point2.y);
point.moveTo.call(point2,3,3);
point.moveTo.apply(point2,[-3,-3]);

Paste_Image.png

這里可以看到通過call和apply來呼叫了point中的內(nèi)建function->moveTo掐场。需要注意的是這里對于this的指向。

notice
 var testarray = [1,2,3,4];
 console.log(testarray.length);
 testarray['a'] = "hello";
 console.log(testarray.length);
 console.log(testarray['a']);

在使用數(shù)組的時候要注意贩猎,關(guān)聯(lián)式數(shù)組并不會計算入傳統(tǒng)的數(shù)組結(jié)構(gòu)中熊户。
如上面輸出結(jié)果,length始終都是4吭服,并不會因為加入了a這個關(guān)聯(lián)式的內(nèi)容增加嚷堡。

內(nèi)容參考

http://www.reibang.com/p/c6cb7068bb85 【JavaScript】call與apply兄弟列傳
http://www.reibang.com/p/de47c2f9d178 圖解Javascript this指向什么?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末艇棕,一起剝皮案震驚了整個濱河市蝌戒,隨后出現(xiàn)的幾起案子串塑,更是在濱河造成了極大的恐慌,老刑警劉巖北苟,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件桩匪,死亡現(xiàn)場離奇詭異,居然都是意外死亡粹淋,警方通過查閱死者的電腦和手機吸祟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來桃移,“玉大人,你說我怎么就攤上這事葛碧〗杞埽” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵进泼,是天一觀的道長蔗衡。 經(jīng)常有香客問我,道長乳绕,這世上最難降的妖魔是什么绞惦? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮洋措,結(jié)果婚禮上济蝉,老公的妹妹穿的比我還像新娘。我一直安慰自己菠发,他們只是感情好王滤,可當(dāng)我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著滓鸠,像睡著了一般雁乡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上糜俗,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天踱稍,我揣著相機與錄音,去河邊找鬼悠抹。 笑死珠月,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的锌钮。 我是一名探鬼主播桥温,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼梁丘!你這毒婦竟也來了侵浸?” 一聲冷哼從身側(cè)響起旺韭,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎掏觉,沒想到半個月后区端,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡澳腹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年织盼,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片酱塔。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡沥邻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出羊娃,到底是詐尸還是另有隱情唐全,我是刑警寧澤,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布蕊玷,位于F島的核電站邮利,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏垃帅。R本人自食惡果不足惜延届,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贸诚。 院中可真熱鬧方庭,春花似錦、人聲如沸赦颇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽媒怯。三九已至订讼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扇苞,已是汗流浹背欺殿。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鳖敷,地道東北人脖苏。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像定踱,于是被迫代替她去往敵國和親棍潘。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 繼承 一、混入式繼承 二亦歉、原型繼承 利用原型中的成員可以被和其相關(guān)的對象共享這一特性恤浪,可以實現(xiàn)繼承,這種實現(xiàn)繼承的...
    magic_pill閱讀 1,062評論 0 3
  • 三肴楷、閉包和高階函數(shù) 3.1 閉包 3.1.1 變量的作用域 所謂變量的作用域水由,就是變量的有效范圍。通過作用域的劃分...
    梁同學(xué)de自言自語閱讀 1,452評論 0 6
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,233評論 0 4
  • ECMAScript關(guān)鍵字 delete do else finally function in instance...
    doudou2閱讀 721評論 0 0
  • 據(jù)說在記憶真正形成前 人是靠嗅覺去尋找安全感 那時候 身為嬰兒眼睛還未睜開 卻隔著各種味道 可以辨別哪個是母親的氣...
    奈奈香樟閱讀 480評論 0 0