Q1为什么控制台,最后输出了两个undifined?
var a = {
b: {
m: function() {
console.log(this.p);
},
p: 'Hello'
}
};
var hello = a.b.m;
hello()
Q2感觉这里也是多了一个undifined
//代码
var a = {
b: {
m: function() {
console.log(this.p);
},
p: 'Hello'
}
};
var hello = a.b;
hello.m();
补充:
问题来源:
阮一峰的JS标准里this关键字
上面代码就是链接里,2.(3)对象的方法 最后一段
自动自答,总结前人的帮助:
Q1
第一个undefined,因为hello指向了一个方法,可以看做functionName,所以this就是window
this.p; //window.p
//首先声明一个window.p,未赋值,值是undifined关键是多了一个undifined!
第二个undefined,前面有个箭头,
在 m 函数里加一个 return 'test',
//"test"
所以,这个箭头可以看做return后面的值,这里m函数没有return,没有返回值就是undifined
总结:前面这个箭头,是控制台独有的,命令行调试时没有
控制台先是执行函数,然后是,输出函数的执行结果(比如再用来 给别的赋值)
Q2
第一个undefined,因为hello指向了一个对象,可以看做b,所以
this.p; //b.p
是最后一条语句的返回值啦,你在 m 函数里加一个 return “test” 试试?
个人觉得 第一个undefined是因为函数没有返回值,第二个undefined有可能是用浏览器调试的原因,你试试用命令行调试会不会出现第二个undefined。
你用的是Chrome浏览器的控制台吗?第二个undefined是本来就有的,和你的代码无关。
输入var a = 1;
按回车也有一个undefined。
我觉得吧是你吧这个方法的this指针改变了 你吧a对象里的方法定义到了window下面一个变量里 这时候this指向了window 而window下并没有p的定义 你可以在var hello之前声明一个var P就明白了
1.hello()没有返回值
2.console.log()这个函数没有返回值
多出来的
undefined
是js语句本身的值,剩下的就是this
的问题了。