87,997
社区成员
发帖
与我相关
我的任务
分享js作用域链和函数表达式的深入讨论
var test="wrong"
Object.prototype.test="right";
var score=0;
void function f0(){
if(test=="right")score++;
}()
void function(){
if(test=="wrong")score++;
}()
var e="right";
try{
throw new Error;
} catch(e) {
e="wrong";
if(test=="right")score++;
}
if(e=="right")score++;
var f;
void function f(){
}
if(typeof f=="undefined")score++;
var err;
function a(){
var m="right";
var n;
return function(){
var err;
return arguments[0].call(this,arguments[1]);
}
}
try{
var b=a();
if(b(eval,"m")=="right")score++;
} catch(err) {
}
alert(score+"/6")
偶得这样一段代码，出处称符合ES3标准的应该结果是6/6。
与大家共同讨论一下，涉及到js作用域链的深入理解。
//另，发帖时添加自定义标签敲回车为毛是提交表单~~误发两次了
...全文
请发表友善的回复…
发表回复
zhjdg 2014-03-18
- 打赏
- 举报
不理了，霸王硬上弓。
function MyConsole(obj){
var top={};
for(var i in Object.prototype){
top[i]=Object.prototype[i];
}
var low = {};
for(var i in obj){
low[i]=obj[i];
}
function merge(o,d){
for(var i in d){
o[i]=d[i];
}
}
merge(low,top);
this.global = low;
}
MyConsole.prototype.log = function(key){
alert(this.global[key]);
}
function myWindow(){
this.test = 'wrong';
this.console = new MyConsole(this);
}
win = new myWindow();
win.console.log('test');
Object.prototype.test = "right";
var console = new MyConsole(win);
console.log('test');zhjdg 2014-03-18
- 打赏
- 举报
越说越乱。
不过我注意到了一点。
test = 'gss';
///放断点. 在console中看.
Object.prototype.test = "right";
///放断点. 在console中看.zhjdg 2014-03-18
- 打赏
- 举报
该过来
function MyConsole(obj){
this.global = obj;
}
MyConsole.prototype.log = function(key){
alert(this.global[key]);
}
function myWindow(){
this.console = new MyConsole(this);
}
win = new myWindow();
win.test = 'wrong';
win.console.log('test');
Object.prototype.test = "right";
var console = new MyConsole(new myWindow());
console.log('test');zhjdg 2014-03-18
- 打赏
- 举报
！！！，原来是这样的，上面的有一些观点是错的，不理了
function MyConsole(obj){
this.global = obj;
}
MyConsole.prototype.log = function(key){
alert(this.global[key]);
}
function myWindow(){
this.test = 'wrong';
this.console = new MyConsole(this);
}
myWindow = new myWindow();
myWindow.console.log('test');
Object.prototype.test = "right";
var console = new MyConsole({});
console.log('test');zhjdg 2014-03-18
- 打赏
- 举报
哦是存在。
你这样看看。
test = 'gss';
Object.prototype.test = "right";
var $c = window.console.log(test);
l676331991 2014-03-18
- 打赏
- 举报
貌似不对的。
你一直在申明window是在设置原型的test属性之前就创建的，这能说明什么呢？
var $A1 = new Object();
var $t1 = $A1.test; //在设置原型的test值之前就取值，那自然
Object.prototype.test = "right";
var $B1 = new Object();
var $t2 = $B1.test;
var $t11 = $A1.test; //敢问这里不是能取到right么？
window.console明明是存在的。console是怎么实现的我已经在上文提出来了，我是来探讨的，交流的，不是来提问的。
chrome的console的实现是这样：
eval("with(commandLineAPI){"+code+"}"); //一个eval套一个with块
zhjdg 2014-03-18
- 打赏
- 举报
1window 在页面开始时 通过 window = new Window() 生成了。
你这Object.prototype.test = "right";在他生成后才设值的。
2window.console 这方法不存在， 所以console 不属于window.
3.搞不好 console是这样写的
window.test = 'wrong';
Object.prototype.test = "right";
function wrapConsole(){
var global={};
for(var i in Object.prototype){
global[i] = Object.prototype[i];
}
return function (key){
// test 在 说不好是Object函数 的一个closure层里面的值;
// 先找Object 中的 test,找不到window中的test.
alert(global[key] || window[key]);
}
}
myConsole = wrapConsole();
myConsole('test');l676331991 2014-03-18
- 打赏
- 举报
Object.prototype.test = "right";
console.log(test); //right
test = "wrong";
console.log(test); //怎么还是right?
这个例子是我在chrome的console下手动一行一行敲的，和一起复制粘贴不是一回事，每一次敲回车是一次执行，而每次执行是在不同的with块中，因此就会出现这个怪异的问题。with块的临时作用域在上文有解释，即with(commandLineAPI){//code }。
l676331991 2014-03-18
- 打赏
- 举报
我的例子里是直接用变量test，不是对象的属性。且看这个test为什么修改不了。
Object.prototype.test = "right";
console.log(test); //right
test = "wrong";
console.log(test); //怎么还是right?
zhjdg 2014-03-18
- 打赏
- 举报
window 的实例化，比Object.prototype.test = "right";早。
var $A1 = new Object();
var $t1 = $A1.test;
Object.prototype.test = "right";
var $B1 = new Object();
var $t2 = $B1.test;zhjdg 2014-03-18
- 打赏
- 举报
window.console 不存在，所以console不属于window.
至于chrome debug中console 跟window 是什么关系，为什么会读到window 上的属性与方法。
l676331991 2014-03-18
- 打赏
- 举报
修正一下，问题不是这么重现的，应该是这样：
Object.prototype.test = "right";
console.log(test); //right
test = "wrong";
console.log(test); //怎么还是right?
l676331991 2014-03-18
- 打赏
- 举报
不是的，不是这么简单。你在chrome的开发工具的console下粘贴以下代码，就知道了：
//先粘贴这一段
var test = "wrong";
Object.prototype.test = "right"
console.log(test);
//wrong对不对？
//接着第二次再粘贴这段代码
console.log(test);
//right了？灵异了？
zhjdg 2014-03-18
- 打赏
- 举报
是想说
window.test = "wrong" 这个观点吗？
l676331991 2014-03-18
- 打赏
- 举报
我觉得按ES5标准来解析，正确值为3/6
======================================================
void function f0(){
if(test=="right")score++;
}()
void function(){
if(test=="wrong")score++;
}()
var e="right";
try{
throw new Error;
} catch(e) {
e="wrong";
if(test=="right")score++;
}
if(e=="right")score++;
var f;
void function f(){
}
if(typeof f=="undefined")score++;
var err;
function a(){
var m="right";
var n;
return function(){
var err;
return arguments[0].call(this,arguments[1]);
}
}
try{
var b=a();
if(b(eval,"m")=="right")score++;
} catch(err) {
}
var err;
function a(){
var m="right";
var n;
return function(){
var err;
return eval(arguments[0]);
}
}
try{
var b=a();
if(b("m")=="right")score++;
} catch(err) {
}
