problem:
①[[scope]]到底是个什么东西?—函数的一个内部属性。
②执行上下文到底是什么?—当函数执行时,产生的一个内部对象。
http://blog.csdn.net/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]