JavaScriptの強化について

JavaScriptは非常に柔軟な言語で、プログラマーがJavaScriptを構成する基本オブジェクトそのものに機能を追加することを許しています。この機能追加を行う理由としては、あるブラウザで実装されている非常に強力な機能が別のブラウザで実装されていないということが上げられます。このことからJavaScriptライブラリの多くは基本オブジェクトの機能強化をそれぞれ独自に行っています。この結果、複数のライブラリを同時に利用するような場合、それらの強化・追加された機能が重複・衝突してしまう可能性を考慮する必要があります。Extではこういった問題を回避するために、基本オブジェクトへの機能追加は必要最小限のものにとどめています。Framework Scanner（英語）では各ライブラリが行っているJavaScriptへの機能強化を比較していますので、興味のある方はご一読下さい。

Functionの強化

下記のメソッドがFunctionのprototypeに追加されています（Ext JSの"createSequence"と"createInterceptor"はExt Coreでは除外されていることにご注意下さい）

createCallback
複数の引数を渡すことが可能なコールバック関数を生成します。これらの引数は実行時に動的に決定することが可能です。このメソッドはスコープを無視します。もしスコープの指定が必要な場合は後述のcreateDelegateを利用してください。createCallbackはそれ自身に渡された引数を生成されたコールバック関数の引数として渡します。
```
var sayHello = function(firstName, lastName){
    alert('Hello ' + firstName + ' ' + lastName);
};
Ext.get('myButton').on('click', sayHello.createCallback('John', 'Smith');
```
createDelegate
createDelegateメソッドはcreateCallbackと似ていますが、少しだけ強力です。このメソッドはコールバック関数が実行されるスコープを指定することができます。また、createDelegateではコールバック関数に渡す引数についてもう少しコントロールすることができます。例えば、イベント処理関数への引数があるような場合に便利です。第1引数はスコープです。第2引数はコールバック関数に渡す引数を配列にしたもの。第3引数はtrue/false/整数で指定し、trueとすることによりコールバック関数にデフォルトで渡される引数（イベントオブジェクトなど）の後ろに第2引数で指定された引数を追加し、falseとすることにより第2引数をそのまま配列として渡します。第3引数が整数で指定された場合は、コールバック関数の引数のその場所に指定した引数が挿入されます。
```
var sayHello = function(firstName, lastName, e){
    alert('Hello ' + firstName + ' ' + lastName);
};
Ext.get('myButton').on(
   'click', 
   sayHello.createDelegate(this, ['John', 'Smith'], 
   //0 を指定して渡した引数を第1引数として渡すことを指定
   0
); 
```
defer
deferメソッドは関数の実行を指定した時間だけ遅らせることができます。第1引数は遅らせる時間（ミリ秒単位）、第2引数は関数を実行するスコープを指定します。
```
var whatsTheTime = function(){
    alert(new Date());
};
whatsTheTime.defer(3000); //実行するまえに3秒待機
```

Arrayの強化

下記のメソッドがArrayのprototypeに追加されています（ただし、ブラウザによって実装されていない場合に限る）。

indexOf
渡された引数にマッチする最初のインデックスを返します。マッチするものが無い場合は-1を返します。
```
var idx = [1, 2, 3, 4, 5].indexOf(3); //2を返す
```
remove
渡された引数にマッチする最初の配列の要素を削除します。この操作は元の配列を変更してしまうことに注意してください。
```
var arr = [1, 2, 3, 4];
arr.remove(2);
var len = arr.length; // lenの値は3
```

Stringの強化

Stringクラスにはformatメソッドのみが追加されています。Ajax.NETと一緒に利用すると衝突する可能性があることにご注意下さい。

format
formatメソッドでは、テンプレート化された文字列を定義し、任意の数の代入の値を引数として渡すことができます。テンプレート内の代入用トークン（{0}、{1}といった書式）は重複しないようにする必要があります。
```
var s = String.format(
   'Hey {0} {1}', how are you?', 
   'John', 
   'Smith'
);
//{0} はJohに、 {1}はSmithに変換される
```