前端面试题之typeof返回类型与值，2024年最新今天带你详细了解各组件原理

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

输出：“number”

var f=(function f(){return “1”;},function g(){return 2;})();

type f;

输出：“number”

var x=[typeof x,typeof y][1];

typeof typeof x;

输出：“string”

var x=[typeof x,typeof y][1];

typeof typeof x;

无论x是啥 ，typeof x返回的都是string

输出：“string”

(function(foo){

return typeof foo.bar;

})({foo:{bar:1}});

foo这个形参指的是{foo:{bar:1}}这个集合，这个整体下只有一个属性foo，没有bar属性。

输出：“undefined”

var x=[typeof x,typeof y][1];

typeof typeof x;

输出：“string”

var a=10;

function aaa(){

alert(a);

var a=20;

}

aaa();

变量查找是就近原则去寻找(注:有var的),就近没有找到再去找外层

输出：undefined

var a=10;

function aaa(){

alert(a);

var a=20;

}

aaa();

变量查找是就近原则去寻找(注:有var的),就近没有找到再去找外层

输出：undefined

//a

function Foo() {

getName = function() {

console.log(1);

};

return this;

}

//b

Foo.getName = function() {

console.log(2);

};

//c

Foo.prototype.getName = function() {

console.log(3);

};

//d

var getName = function() {

console.log(4);

};

//e

function getName() {

console.log(5);

}

Foo.getName();

getName();

Foo().getName();

getName();

new Foo.getName();

new Foo().getName();

new new Foo().getName();

• Foo.getName()；// 2

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

• getName(); // 4

这里看d、e处，d为函数表达式，e为函数声明，两者区别在于变量提升，执行顺序为e=>d，所以e会被d覆盖。

• Foo().getName(); // 1

这里要看a处，在Foo内部将全局的getName重新赋值为 console.log(1) 的函数，执行Foo()返回 this，这个this指向window，Foo().getName() 即为window.getName()，输出 1。

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些前端面试题以及学习路线给大家

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
vXo5C-1713480011437)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-OiSrl45H-1713480011437)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！