前端面试：经典面试题Foo与getName()

最新推荐文章于 2022-06-11 21:46:33 发布
最新推荐文章于 2022-06-11 21:46:33 发布
阅读量2.4k 收藏 35
点赞数 6
分类专栏： 前端 文章标签： javascript 面试 原型链 作用域链
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40294512/article/details/116499286
版权
本文从一道字节跳动的前端面试题出发，详细探讨JavaScript中的声明提升、原型、函数调用方式等核心知识点。通过分析代码细节，解释了不同调用方式下`Foo`和`getName()`的输出结果，帮助读者理解JavaScript的运行机制。
摘要由CSDN通过智能技术生成

从一道面试题出发

按照惯例，还是从面试题出发。用一道面试题引出相关的知识（日常面向面试学习 😃 ）

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();
getName();
Foo().getName();
getName();
new Foo.getName();
new Foo()
最低0.47元/天 解锁文章
爱玩游戏的小隐
关注
专栏目录
JS 面试 Foo.getName()
weixin_45798469的博客
05-15 816
function Foo() { getName = function () { console.log (1); }; // console.log('this is'+this) return this; } Foo.getName = function () { console.log (2); }; Foo.prototype.getName = function () { console.log('baidu'.
金九银十：20道前端手写面试题
java_beautiful的博客
08-10 1538
最后希望大家能理解这些题并知晓why，有些题，并不是单单只是用来考你。而是变相的让你理解这其中深藏的意义。以上的题目，我的答案并非就是最优答案。若你有更好的解决方法，请不要吝啬，大胆的敲到评论区！我会把你的解决方法补充到文章里面。...
Foo.getName
黑猫几绛的博客
09-07 545
水群的时候看到 这样一道题 <script> function Foo() { getName = function () { alert (1); }; return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName = function () { alert (3);}; var getName = function () {
Foo和getName的那些事儿
好好学习的博客
07-21 960
参考博客 此题涉及的知识点：声明提升和提升优先级、构造函数返回值问题、js运算符优先级、实例化对象的属性访问优先级、逻辑运算符运算 题目： // 方式1：创建了一个有返回值的构造函数，在里面定义了全部变量getName指向一个匿名函数（小心闭包） function Foo() { getName = function () { console.log(1); } return this; } // 方式2：
前端经典面试题：Foo与getName()
fish_skyyyy的博客
08-02 844
这是一道关于前端的很经典的面试题： 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 () { conso
JS代码输出题总结
weixin_41935198的博客
05-13 681
JS代码题总结
前端经典面试题(60道前端面试题包含JS、CSS、React、网络、浏览器、程序题等)
qianduan686的博客
06-05 3568
作者:静观流叶 原文地址：https://mp.weixin.qq.com/s/PTSaytcf3xgOp6C9l3Pvjw 简答题 1、什么是防抖和节流？有什么区别？如何实现？ 参考答案 防抖 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 思路： 每次触发事件时都取消之前的延时调用方法 functiondebounce(fn){ lettimeout=null;//创建一个标记用来存放定时器的返回值 ...
前端200道面试题及答案（更新中）
热门推荐
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
一线大厂前端经典面试题JavaScript部分
lixiaosenlin的专栏
10-10 6348
BAT笔试题中几道关于堆栈内存和闭包作用域的问题 let a = {}, b = '0', c = 0; a[b] = 'JavaScript'; a[c] = 'HTML+CSS'; console.log(a[b]); //HTML+CSS //原因：对象中属性名不能重复，一般都为字符串属性，字符串属性名跟数字属性名是一样的 let a = {}, b = Symbol('1'), c = Symbol('1'); a[b] = 'JavaScript'; a[c] = 'HTML+CSS'
FOO和Foo.getName
The_upside_of_down的博客
11-15 366
function Foo(){ getName = function() { console.log(1); }; return this; } Foo.getName = function () { console.log(2); }; Foo.prototype.getNa...
js 题目 —— console.log()
edwardwzw的博客
12-20 429
1. 函数、变量 作用域 (1) Foo() function Foo () { console.log(this.getName()) } var getName = function () { console.log(4) } Foo() function getName () { console.log(5) } Foo() (2) Foo() function Foo () { getName =.
前端同学经常忽视的一个 JavaScript 面试题 - 有视频分析！
l13640698113的博客
10-16 235
前端同学经常忽视的一个 JavaScript 面试题 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); }; fun
一道非常有意思【考察基础】的JS面试题
weixin_44761091的博客
03-24 404
题目： 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 () { consol
js经典题目学习总结
aeipyuan
04-21 273
js经典题目学习总结 1.foo与getName function foo() { getName = function () { console.log(1); } return this; } foo.getName = function () { console.log(2); } foo.prototype.getName = functio...
一道题解读面向对象、原型链
沛沛呀、
04-28 159
面向对象 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(
JavaScript函数调用的经典例题
qq_38932474的博客
10-07 763
很多初学JavaScript的人对函数的调用理解有些模糊的，话不多说，直接上题: function Foo() { getName = function () { console.log(1); }; return this; } Foo.getName = function () { console.log(2); }; Foo.prototype.getName = functio
一道关于function的面试题
Agumr的博客
01-13 1220
一道关于function的面试题 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
js面试题Foo.getName()的故事
mongo__的博客
05-30 1万+
首先声明下：此题是本人面试时笔试题中的一道，回来一搜居然雷同，纯属偶然，特写此篇来整理一下思绪。。。 原题： function Foo() { getName = function () { console.log (1); }; console.log('this is'+this) return this; } Foo.getName =
经典Foo与getname
weixin_30657999的博客
04-13 595
function Foo(){ getName = function(){ console.log(1); }; return this; } Foo.getName = function(){ console.log(2); } Foo.prototype.getName = function(){ con...
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); } getName(); Foo().getName(); getName();
最新发布
05-05
这段代码输出的结果是： 5 1 1 首先，在代码执行之前，JavaScript 引擎会对函数和变量进行提升，因此先声明了变量 `getName` 和函数 `getName`。 接下来，调用 `getName()` 函数，会输出 5，因为这里的 `getName()` 指的是变量 `getName`，它被提升到了顶部，并且在赋值之后，它的值是函数。 然后，执行 `Foo().getName()`，这里需要注意的是 `Foo()` 返回的是 `this`，而 `this` 是全局对象，在浏览器中通常是 `window`。因此，这句代码相当于调用 `window.getName()`。在 `Foo()` 函数内部，有一个局部变量 `getName` 被赋值为函数，因此输出 1。 最后，再次调用 `getName()`，输出的仍然是 1，因为在全局作用域中，变量 `getName` 已经被重新赋值为函数。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值