new Foo().getName()经典面试题

一道经典的面试题，下面用a b c d 标注方便讲解

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script>//a function Foo() {getName = function() {console.log(1);};return this;}//bFoo.getName = function() {console.log(2);};//cFoo.prototype.getName = function() {console.log(3);};//d var getName = function() {console.log(4);};//e function getName() {console.log(5);}Foo.getName(); // 2getName(); // 4Foo().getName(); // 1getName();   // 1new Foo.getName(); // 2new Foo().getName(); // 3new new Foo().getName(); // 3</script>
</body></html>

解析：

1. Foo.getName(); // 2

对象.属性这里Foo作为函数对象，getName()作为Foo的函数属性，所以看题目b处

2.getName(); // 4

这里主要看题目d e 处，d处为一个函数表达式，e声明了一个函数
两者内容相同，我们可以根据函数优先规则函数声明>变量
那e处提到题目前面
根据js自上而下运行，先运行题目e处，再把d处赋值给getName，所以覆盖了e处
如下

           //e 声明了一个getName函数let getNamegetName = function() {console.log(5);}//d  函数表达式getName = function() {console.log(4);};

3.Foo().getName(); // 1**

这里看题目a处
因为Foo打了小括号，所以就是调用Foo函数
并且给全局变量getName重新赋值

4.getName(); // 1

因为前面3运行题目a处，给getName赋值了

5. new Foo.getName(); // 2

对象.属性，这里看b处
new Foo.getName==new(Foo.getName())
所以这里先调用了Foo.getName,运行结果为2
然后再实例化返回值2

6.new Foo().getName(); // 3

因为Foo打了小括号，所以就是调用Foo函数
并且前面有new，就意味着是用new调用的Foo函数
那么此时相当于是把Foo当做了构造函数
相当于(new Foo()).getName()
所以返回了Foo实例化出来的对象，这个对象自己没有
getName方法，所以就访问原型里的getName，既题目c处

7.new new Foo().getName(); // 3

这里可以看做new((new Foo()).getName())
右上可得 new(3)
所有实例化返回值为3

写在最后，都是个人理解，题目讲解方式参照博客大佬排版
https://blog.csdn.net/redatao/article/details/107955687

new Foo().getName()经典面试题相关推荐

JS经典面试题04-原型链Foo.getName
1.1-答案揭晓 1.2-原理解析 <!DOCTYPE html> <html lang="en"><head><meta charset ...
new new Foo().getName()面试题解析
经典面试题 Foo().getName() 解析题目如下,写出输出内容(注释:abcde为步骤标号,便于下边分析定位) // a. function Foo () {getName = functi ...
js中的经典题Foo.getName
js中的经典题Foo.getName Foo.getName所涉及到的知识点先看看题目代码: Foo.getName所涉及到的知识点先看看题目代码: function Foo() { getNam ...
js面试题Foo.getName()的故事
首先声明下:此题是本人面试时笔试题中的一道,回来一搜居然雷同,纯属偶然,特写此篇来整理一下思绪... 原题: function Foo() {getName = function () { conso ...
Java经典面试题一
转载自 Java经典面试题一题目一面向对象的特征有哪些方面? 答:面向对象的特征主要有以下几个方面: 1.抽象: 抽象是将一类对象的共同特征总结出来构造类的过程,包括数据抽象和行为抽象两方面.抽 ...
C++经典面试题（最全，面中率最高）
C++经典面试题(最全,面中率最高) 1.new.delete.malloc.free关系 delete会调用对象的析构函数,和new对应free只会释放内存,new调用构造函数.malloc与fre ...
经典面试题(52)：以下代码将输出的结果是什么？
web前端教程用大白话,来讲编程我们先来回顾上一题<经典面试题(51)>.看投票结果,正确的答案是选项:C,绝大部分同学选对了! 有疑惑的同学,可以看看下面@方呵呵和 @弓备给我们 ...
经典面试题(36)：以下代码将输出的结果是什么？
web前端教程用大白话,来讲编程我们先来回顾上一题<经典面试题(35)>.看投票结果,正确的答案是选项:B,绝大部分同学选对了! 看看下面这2位小伙伴 @弓备和 @lita 给我们带 ...
经典面试题(25)：以下代码将输出的结果是什么？
我们先来回顾上一题<经典面试题(24)>.看投票结果,大部分小伙伴都选择了错误的选项! 正确的答案是选项:C ["foo","foo"].为什么是C ...

new Foo().getName()经典面试题

new Foo().getName()经典面试题相关推荐

最新文章

热门文章