JavaScriptの関数 "this"値を変更する

Question

私はいくつかの方法でライブラリを構築していますが、方法はextendで、方法はloadです。

Core.load('name','Hey!'); 

Core.extend()は名前に基づいて一意のIDを持つ<div>要素を作成します。実際にあなたがしたい、これを実行するためにその後

Core.extend('name',function(message){ 
    this.innerHTML = message; 
}); 

を：私はそれがこのように動作するようにしたいと思います。私はthis ==生成された<div>を作りたいと思う。

私は約.call()と.apply()を知っていますが、明らかに変更されていません。this拡張のコールバックパラメータのみが変更されます。 extensions[name].call(this,widgetElement,params);

var load = function(name,params,sel){ 
    name = name || ''; 
    params = params || ''; 
    sel = sel || ''; 
    if(typeof extensions[name] !== 'undefined'){ 
    var widgetElement = document.createElement(settings.widgetWrapperElement); 
    widgetElement.setAttribute('id',settings.prefixOnWidgetId+name); 
    sel.appendChild(widgetElement); 
    extensions[name].call(this,widgetElement,params); 
    } 
    else{ 
    if(errors){ 
     throw new Error('Core load() error: the extension "'+name+'" doesn\'t exist'); 
    } 
    } 
} 

：これはメインラインである

Core.extend（）

var extend = function(name,func){ 
    name = name || ''; 
    func = func || function(){}; 
    if(typeof extensions[name] == 'undefined'){ 
    extensions[name] = func; 
    } 
    else{ 
    if(errors){ 
     throw new Error('Core extend() error: the extension "'+name+'" already exists'); 
    } 
    } 
} 

Core.load（）

注：ここで拡張し、負荷のためのコードです

Answer 1

Function.call関数の最初の引数は、0に設定するものでなければなりませんオブジェクトです。意味

、あなたはthisオブジェクトとしてwidgetElementを渡すために

extensions[name].call(widgetElement, params); 

に

extensions[name].call(this, widgetElement, params); 

を変更する必要があります。

Answer 2

適切thisセットを取得するために、あなたは.call()か.apply()のいずれかでコールバック関数を実行して、必要なthisに渡します。 FNは、パラメータとしてCore.extend()に渡された関数である

ので、Core.extend()またはCore.load()、内部には、関数に渡された呼び出ししようとしているとき、あなたはfn.call(xxx, message)を使用することになり、xxxは、先ほど作成したdiv要素でした。

私は何をしようとしているのか正確には追いませんが、のポイントを.call()または.apply()に設定しています。彼らはどのように動作するかを見ることができますhereとhere。 .callへの最初の引数はあなたがthisポインタがあることを望むものであり、第二引数は何であるので、

extensions[name].call(widgetElement, params); 

：これまで

extensions[name].call(this,widgetElement,params); 

：あなたはこれを変更する必要がありますようにあなたのコードでは、それが見えますあなたの関数に渡されたい、あなたの関数の関数は1つのパラメータしか取らないので、私はそれがあなたが必要とするすべてであると推測します。