js学習ノート----進級Day 06 js対象と閉パッケージ
2901 ワード
オブジェクト向け
// this
// that
var that = this;
オブジェクト向け三大プロパティ
オブジェクト向けの使用
var option = option || {};
クローズドパッケージ
function A(){
function B(){
console.log("Hello XMG!");
}
return B;
}
var b = A();
b();//Hello XMG!
すべてのグローバル変数はWindowsのプロパティです.だから書類はあちこちで手に入れることができます
クローズド・パッケージの技術的利点:
クローズドパックの書き方
(function(){})();
;(function(){})(); //
+(function(){})();
-(function(){})();
?(function(){})();
itinショートカットfor inループ
スコープチェーン
クローズドスコープ
高級排他---閉包の書き方
//
var seleNode = null;
for(var i = 0; i
高度な関数スロットル
function fn(callback,del) {
var timer = null;
// ( ).
return function () {
clearTimeout(timer);
timer = setTimeout(function () {
if(callback) callback();
},del);
}
}
// onresize onscroll .
window.onresize = fn(function () {
console.log(1);
},200);
window.onscroll = fn(function () {
console.log(2);
},300);
クローズドパス
var imgs = document.getElementsByTagName('img');
imgs[0].onclick = fn(-5);
function fn(speed) {
var num = 0;
return function () {
num += speed;
this.style.left = num + 'px';
}
}
imgs[1].onclick = fn(5);
コンストラクタ
キーワードnew
プロトタイププロパティprototype