一道考察运算符优先级的JS面试题

本文通过一道JavaScript面试题,详细分析了运算符优先级,包括Foo.getName()、getName()、Foo().getName()等不同情况的执行逻辑。重点讨论了new运算符与函数调用的关系,以及new new Foo().getName()的执行顺序。通过对运算符优先级的理解,揭示了new运算符的'贪婪'特性。
摘要由CSDN通过智能技术生成

最近遇到一个有意思的js相关的题目,看了网上的一些讲解,感觉不是那么靠谱。自己查阅资料后,做了一下总结。

题目
function Foo(){
    getName = function(){
	    console.log(1);
	 }
  return this;
 }
Foo.getName = function(){
  console.log(2)
}

Foo.prototype.getName = function(){
  console.log(3)
}

var getName = function(){ 
  console.log(4)
}
function getName(){
  console.log(5)
}

Foo.getName();//2
getName(); //4
Foo().getName(); //1
getName(); //1
new Foo.getName();  //2    
new Foo().getName();  //3
new new Foo().getName(); //3

最后的输出结果,我已经在代码的注释中写了,下面我开始对这7个输出结果进行一一分析。

分析
1. Foo.getName()

这个很简单了,取的是构造函数Foo的getName属性

2 .getName

这里涉及到了变量提升的相关知识,我们把代码进行一下更改

var getName = function(){ 
  console.log(4)
}
function getName(){
  console.lo
1. 以下哪个运算符优先级最高? A. ++ B. ! C. * D. == 答案:A。 2. 以下哪个运算符优先级最低? A. + B. | C. == D. && 答案:B。 3. 下面代码的结果是什么? int a = 5; int b = ++a + a++; System.out.println(b); 答案:12。解释:++a 先加1,变成6,然后和 a++(还是5)相加,结果为11,a再加1变成6,所以结果为12。 4. 下面代码的结果是什么? int a = 5; int b = a++ + ++a + a++; System.out.println(b); 答案:18。解释:a++ 先用原来的值5进行运算,然后a变成6;++a 先加1变成7,然后进行运算;a++ 先用原来的值7进行运算,然后a变成8。结果为5+7+6=18。 5. 下面代码的结果是什么? int a = 5; int b = a++ * ++a; System.out.println(b); 答案:42。解释:a++ 先用原来的值5进行运算,然后a变成6;++a 先加1变成7,然后进行运算。结果为5*7=35。 6. 以下哪个运算符优先级高于赋值运算符? A. 加减运算符 B. 三目运算符 C. 逻辑运算符 D. 关系运算符 答案:B。 7. 以下哪个运算符优先级不高于赋值运算符? A. 位运算符 B. 加减运算符 C. 逻辑运算符 D. 关系运算符 答案:C。 8. 下面代码的结果是什么? int a = 5; int b = 3; boolean c = (a > b) && (a++ > b); System.out.println(a); 答案:6。解释:&& 是短路与运算符,第一个条件为 false,所以不会执行第二个条件,a 不会加1。所以输出为6。 9. 下面代码的结果是什么? int a = 5; int b = 3; boolean c = (a > b) & (a++ > b); System.out.println(a); 答案:6。解释:& 是按位与运算符,两个条件都会执行,所以 a 会加1。所以输出为6。 10. 下面代码的结果是什么? int a = 5; int b = 3; boolean c = (a > b) || (a++ > b); System.out.println(a); 答案:5。解释:|| 是短路或运算符,第一个条件为 true,所以不会执行第二个条件,a 不会加1。所以输出为5。 11. 下面代码的结果是什么? int a = 5; int b = 3; boolean c = (a > b) | (a++ > b); System.out.println(a); 答案:6。解释:| 是按位或运算符,两个条件都会执行,所以 a 会加1。所以输出为6。 12. 下面代码的结果是什么? int a = 5; int b = 3; boolean c = (a > b) ^ (a++ > b); System.out.println(a); 答案:6。解释:^ 是异或运算符,两个条件都会执行,所以 a 会加1。所以输出为6。 13. 下面代码的结果是什么? int a = 5; int b = 3; int c = a * b++; System.out.println(c); 答案:15。解释:b++ 先用原来的值3进行运算,然后b变成4。所以结果为5*3=15。 14. 下面代码的结果是什么? int a = 5; int b = 3; int c = a * ++b; System.out.println(c); 答案:20。解释:++b 先加1变成4,然后进行运算。所以结果为5*4=20。 15. 以下哪个运算符优先级高于三目运算符? A. 赋值运算符 B. 关系运算符 C. 逻辑运算符 D. 位运算符 答案:B。 16. 以下哪个运算符优先级不高于三目运算符? A. 加减运算符 B. 位运算符 C. 逻辑运算符 D. 赋值运算符 答案:D。 17. 下面代码的结果是什么? int a = 5; int b = 3; int c = (a > b) ? a++ : b++; System.out.println(a + "," + b + "," + c); 答案:6,3,5。解释:三目运算符的结果是 a++,所以 a 加1变成6。b++ 没有执行,所以 b 还是3。c 的值是 a++ 的结果,所以是5。 18. 下面代码的结果是什么? int a = 5; int b = 3; int c = (a < b) ? a++ : b++; System.out.println(a + "," + b + "," + c); 答案:5,4,3。解释:三目运算符的结果是 b++,所以 b 加1变成4。a++ 没有执行,所以 a 还是5。c 的值是 b++ 的结果,所以是3。 19. 下面代码的结果是什么? int a = 5; int b = 3; int c = (a > b) ? (a > 0 ? a++ : b++) : (b > 0 ? a-- : b--); System.out.println(a + "," + b + "," + c); 答案:6,3,6。解释:第一个三目运算符的结果是 a++,所以 a 加1变成6。第二个三目运算符的结果是 a > 0,所以不会执行 b++,c 的值是 a++ 的结果,所以是6。 20. 下面代码的结果是什么? int a = 5; int b = 3; int c = (a < b) ? (a > 0 ? a++ : b++) : (b > 0 ? a-- : b--); System.out.println(a + "," + b + "," + c); 答案:4,4,3。解释:第一个三目运算符的结果是 b++,所以 b 加1变成4。第二个三目运算符的结果是 b > 0,所以不会执行 a--,c 的值是 b++ 的结果,所以是3。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值