JavaScriptの機能を詳しく解説_JavaScriptスキル

// プログラムでは、スコープは変数の可視性とライフサイクルを制御します。
var name = "デフォルト" // グローバルスコープ
; 関数 getName(){
var name = "getName" // getName スコープ
; for(var i=0; i var inName = "inName";
}
alert(i "," inName); // 2, inName 注: js にはブロックレベルのスコープはなく、if、for、while で宣言された変数はブロック
のスコープに配置されます。 名前を返します;
}
alert(getName()); // getName 注: js には関数スコープがあるため、関数内で定義された変数は
の外部には表示されません。 アラート(名前); // デフォルト

var myObject = {
値: 0、
インクリメント : function(inc){
This.value = typeof inc === 'number' ? inc : 1;
}、
GetValue : function(){
return this.value;
}
};
myObject.increment(10);
アラート(myObject.value);
alert(myObject.getValue());
// 上記はリテラル定数を使用して myObject オブジェクトを定義しています。ただし、値変数には外部オブジェクト
からアクセスできます。 var myObject = function(){
var 値 = 0;
戻り値 {
インクリメント: function(inc){
値 = typeof inc === '数値' ? inc : 1;
}、
getValue: function(){
戻り値;
}
};
}();
myObject.increment(10);
alert(myObject.value); // 外部オブジェクトからアクセスできません
アラート(myObject.getValue()) // 10
// ボディの背景色のグラデーション (黄色から白)
var fade = function(node){
var レベル = 1;
var step = function(){
var hex = level.toString(16);
Node.style.backgroundColor = '#FFFF' hex hex;
If(レベル レベル = 1;
setTimeout(step, 500) // レベルが 15 未満の場合、内部関数はそれ自体を呼び出します
}
};
setTimeout(step, 1) // 内部関数を呼び出します
; };
fade(document.body);
// これは本当に悪い例です
Click me...
// クリックされると 3
が表示されます Click me...
// クリックされると 3
が表示されます Click me...
// クリックされると 3
が表示されます var add_the_handlers = 関数(ノード){
var i;
for(i = 0; i Nodes[i].onclick = function(e){ // 関数構築: i
アラート(i);
};
}
};
var objs = document.getElementsByName("テスト");
add_the_handlers(objs);
//上記の理由は、a タグのイベント関数が変数 i にバインドされており、関数が構築されたときの i の値ではないためです。
// 解決策は次のとおりです:
var add_the_handlers = 関数(ノード){
var i;
for(i = 0; i ノード[i].onclick = function(i){
return 関数(e){
alter(i); // i 出力は、イベント処理にバインドされた i ではなく、コンストラクターによって渡された i です。
};
}(i);
}
};
var objs = document.getElementsByName("テスト");
add_the_handlers(objs);

// data はパラメータを表し、call_function はコールバック関数を表します
function sendRequest(data, call_function){
// setTimeout は、クライアントがサーバーからのデータの送信を要求するのにかかる時間をシミュレートします。
// 3 秒後にコールバック関数を呼び出します (コールバック関数を実装するクライアントがあります)
setTimeout(function(){
call_function(data) // コールバック関数を呼び出します
; }, 3000);
}
//sendRequest 関数をテストします
sendRequest("パラメータ", function(context){
alert("context="コンテキスト);
});

Function.prototype.method = function(name,func){
This.prototype[名前] = func;
これを返してください;
};
String.method("deentityify",function(){
var エンティティ = {
引用: '"',
                                                                                            gt : '>'
};
戻り関数(){
return this.replace(/&([^&;] );/g, function(a, b){ // a と b の値を知る方法、正規表現を理解する方法
var r = エンティティ[b];
return typeof r === "string" ? r : a;
});
};
}());
alert("<">".deentityify()); // テスト: <">