読めjsソース収穫

1357 ワード

最近、会社は普通のユーザーに使用するスクリプト言語を構築する必要があります.その中でスクリプトエディタが必要です.スクリプトキーワードをハイライト表示する方法を検討し、最も短い文法ハイライトパッケージPrismを見つける必要があります.jsは勉強して、コードを読み終わって多くのことを学びました.もちろん、人によって基礎が違います.これらはとっくにできるかもしれませんが、私よりも多くの利益を得ることができます.
1.selectorはjQueryなどのフレームワークのみではなく、現在のブラウザにはselectorが内蔵され、documentが内蔵されている.querySelector、document.querySelectorAllなど.
2.メソッドオブジェクトのcallメソッドとapplyメソッドの違い:
call(object,param1,param2,param3) === apply(object,[param1,param2,param3])

3.hasOwnPropertyメソッドはprototypeのプロパティを取得しません.
4.付与文では、null、undefined、falseの前のものが次のもので、すべて取れない場合は最後のものであると書くか判断します.
var a=null,b=1;
var c = a||b;//c=b=1
var a=null,b=undefined;
var c = a||b;//c=b=undefined
var a="xxx",b=undefined;
var c = a||b;//c=a="xxx"

5.    String.matchメソッドは単純な配列だけを返すのではなく、1つのグループにのみ一致するとinputとindexの2つの属性があり、inputは一致する文字列、すなわちthisを指し、indexはmatchからの文字列の位置を指す.
6.RegExp.execメソッドはStringよりも優れています.matchの機能はもっと強くて、具体的に参考を見ますhttp://www.w3school.com.cn/jsref/jsref_exec_regexp.asp
7.foreachはこう書くこともできます.
//   :
for (var i=0, item; item = list[i++];) {
	...
}

//   :
list.map(function(item){
	...
});

8.ブラウザには、私たちが気づかなかったイベントもあります.また、DOMAttrModifiedなど、非常に役立ちます.具体的な参照http://www.w3.org/TR/DOM-Level-3-Events/#legacy-event-types
9.Chromeのデバッグツールにはイベントの表示方法getEventListenersが隠されています