[JS] var self = this の意味は？

Question

JS初心者です。よろしくお願いします。

コードでよく下記のような書き方を見かけますが、これの意味はなんでしょうか？

var self = this;

今AngularJSの習得を目指しているのですが、下記も同じ意味ですか？

var self = $scope.self = this;

Answer 1

var a = {
    who: function () {
        alert('Im a');
    },
    inner: function () {
        var self = this,
        b = {
            who: function () {
                alert('Im b');
            },
            startTest: function () {
                this.who();
                self.who();
            }
        };
        b.startTest();
    }
};
a.inner();

JSは変数をスコープを辿って探してくれます。
それを利用して、functionなどによってスコープが変わってしまった場合に
外のオブジェクトにアクセスしたい場合に使います。

つまりselfという言葉に意味はなく、文字通り変数にその時のthisを入れているだけ
という意味です。
thisに対してthatを使ったりownだったり人によって様々です。

Answer 2

thisはコンテキストへの参照を持っています。
つまり関数としての階層、そのコンテキストが変わった状態では内容が異なる物に変化しています。

function AAA(){
  this.name="a name";
  this.alert=function (){
    alert(this.name);//this(AAA).name=="a name"
  };
  
  (function (){//即時関数。定義と同時に実行される無名の関数式
    alert(this.name=="a name");//false
    //this.nameは"a name"でない
    //なぜなら this(window).nameになっているから
  }());
}

var xxx=new AAA;
xxx.name;//a name
xxx.alert();//a name

なぜ即時関数内では名前の参照ができないのでしょうか？
それは無名の関数内のコンテキストはwindow(グローバル)オブジェクトになるからです。

このことが同じオブジェクトのメソッドやプロパティを呼び出す際、問題になることがあります。
具体的にはイベントリスナの設定の際、引数を渡す関数を無名関数でラップした場合起こります。
メソッドやプロパティが未定義となりエラーを吐く等の問題が起こります。
これは無名関数がグローバルからそのメソッドやプロパティを探そうとするからです。
仮にグローバルに同名のメソッドが定義されていたならばそちらが実行されてしまいます。

このことを回避するためbind()を使用してthisを束縛するか、使用したいメソッドやプロパティがあるオブジェクトのthis(オブジェクトへの参照)を変数に入れておき、その変数から呼び出すという方法がある訳ですね。

AngularJSのコードも同じで以下のような処理です。

$scope.self = this;
var self = $scope.self;//self=$scope.self(===this)

これは以下をコンソールで確認すると分かりやすいでしょう

(function (){//即時関数内ではthis===window
  var A,B;
  A = B = this;
  console.log("1 : "+(A === this && B === this));//true
  console.log("2 : "+(this === window));//true
  //上記より
  //this === window === A === B
}());