JS---[[scope]]/执行上下文/作用域/this

problem:
①[[scope]]到底是个什么东西？—函数的一个内部属性。
②执行上下文到底是什么？—当函数执行时，产生的一个内部对象。

http://blog.youkuaiyun.com/q1056843325/article/details/53086893?locationNum=12&fps=1
【转】 JavaScript内部属性[[Scope]]与作用域链及其性能问题

1.作用域
①变量能够引用，函数能够生效的区域。
②限制了你对内存空间上值的获取和修改。
③JS引擎根据名称来查找变量的一套规则。
④JS引擎通过查找作用域来解析标识符。

2.函数是特殊的可执行对象。既然是对象，就可以拥有属性。函数中存在一个内部属性[[scope]]（仅供JS引擎使用），函数被创建时，其产生的内部属性[[scope]]包含了该函数的作用域链，作用域链上的每个对象可称为变量对象—以键值对的形式存在，全局（变量）对象总在最底部。[[scope]]属性时函数创建时产生的，会一直存在。

3.执行环境/执行上下文（execution context）
①在函数执行时，会创建一个叫做执行环境/执行上下文的内部对象。它定义了一个函数执行时的环境。
②函数每次执行时的执行环境都独一无二。多次调用函数就多次创建新的执行环境。
③函数执行完毕后，对应的执行环境会被销毁。
④执行环境有自己的作用域链，用于解析标识符。

http://www.cnblogs.com/justinw/archive/2010/05/04/1727295.html
【转】[JavaScript]ECMA-262-3 深入解析.第三章.this

4.this
①this是执行上下文中的一个属性。
②在函数代码中，this最主要的一个特点就是没有静态绑定到一个函数。
③this不是一个变量，因此不能为其分配一个新值。this值的变化是源于进入了不同的执行环境。
*④调用函数的方式影响着调用的上下文中this的值。

var foo = {
  bar: function () {
    alert(this);
    alert(this === foo);
  }
};
foo.bar();//[object Object],true
var a=foo.bar;
a();//[object Window],false

⑤内部类型（Internal type）&引用类型（Reference type）

?⑥引用类型的值与函数上下文中的this的值是如何联系起来的？

⑦ 在一个函数上下文中，this的值由调用者提供，且由调用的方式来决定。如果调用括号()左边是引用类型的值（标识符或属性访问器），this将设为这个引用类型的base对象，在其他情况下this的值都为null。不过，实际不存在this值为null的情况，因为当this值为null时，该值会被隐式转换为全局对象window。

1.
 function foo(){
    alert(this);//[object Object]
 }
 foo.prototype.constructor();//对象的方法

2.
 function foo(){
    alert(this.bar);
 }
 var x={bar:10};
 var y={bar:20};
 x.test=foo;
 y.test=foo;
 x.test();//10
 y.test();//20

3.
 (function foo(){
    alert(this);//[object Window]
 })();

4.
 var  foo={
    bar:function(){
        alert(this);
    }
 };
 (foo.bar)();//[object Object]
 (foo.bar=foo.bar)();//[object Window]
 (false||foo.bar())();//[object Window]
 (foo.bar,foo.bar)();//[object Window]

5.
var x=10;
with({
    foo:function(){
        alert(this.x);//20
    },
    x:20
}){
    foo();
}

6.
try{
    throw function(){
        alert(this);//[object Window]
    };
}catch(e){
    e();
}

7.
(function foo(bar){
    alert(this);//[object Window]
    !bar&&foo(1);
})();

8.
function A(){
    alert(this);//[object Object]
    this.x=10;
}
var a=new A();
alert(a.x);//10

9.
var b=10;
function a(c){
    alert(this.b);
    alert(c);
}
a(20);//this===global,this.b==10,c==20
a.call({b:20},30);//this==={b:20},this.b==20,c==30
a.apply({b:30},[40]);//this==={b:30},this.b==30,c==40

http://zonxin.github.io/post/2015/11/javascript-this
【转】Javascript中this的值

5.this
①普通函数，但往往不是原本想要的结果，这个时候’use strict’就派上用场了—–this值为全局对象或undefined
②作为对象的方法——this值为该对象
③构造函数——this值为原型的新创建的对象
④调用时指定this–apply/call—指定
⑤用bind绑定固定的this

function func(){
    alert(this);
}
var obj={};
obj.f=func;
obj.f();//[object Object]
//↓这段话的意思：obj.f的返回值是一个baseValue为obj，propertyName为f的对象
(obj.f)();//[object Object]---'.'的优先级比函数调用高
(a=obj.f)();//[object Window]---返回值是个函数--对象()


②
function fn(){
    alert(this);
}
function fnstrict(){
    'use strict'
    alert(this);
}
fnstrict.call(undefined);//undefined
fn.call(undefined);//[object Window]
fn.call(null);//[object Window]

③
function fn(){
    alert(this);//[object Window]
}
fn();


function fn(){
    alert(this);
}
var obj=new fn();//[object Object]


function fn(){
    alert(this);
}
var a= new fn();
a;//[object Object]

④
function fn(arg){
    alert(this);//thisvalue
}
fn.call('thisvalue');

⑤
function func(){
    alert(this);
}
bfunc=func.bind('bind this');
bfunc();//bind this
func();//[object Window]

⑥
obj={
    go:function(){
        alert(this)
    }
}；
(0||obj.go)();//[object Window]