JavaScript 面试必须知道的 10 个概念

Bertha 。 2022-06-03 05:47 216阅读 0赞

自学

有成千上万的人为了得到一份工作而学习 JavaScript 和 Web 开发。通常，自学的人对 JavaScript 语言的理解并不深刻。

令人惊讶的是，制作复杂的 Web 页面所需的语言很少。独立建设全站的人往往对 JavaScript 的基本原理不太了解。

我们可以很容易地避免复杂的问题，使用基本技能就可以实现一些效果。依靠 Stack Overflow 就可以很容易地创建一个网站而不需要理解复制的代码。

如果您想顺利通过 JavaScript 面试，请看看这个教程 提高你的 JS 水平：中级 JavaScript 完整指南(https://www.educative.io/collection/5679346740101120/5707702298738688?authorName=Arnav%20Aggarwal)

面试

很多科技公司在面试中会考察你对 JS 的理解。一个知识丰富的求职者可以很快地回答这些问题，但是他对语言的理解并不深刻。

以下是 Web 开发面试中经常被问到的概念。理解这些概念的前提是你已经掌握了基本知识，比如循环，函数和回调函数。  
概念

数值类型 vs. 引用类型 —了解如何复制对象、数组和函数以及如何将它们传递到函数中。知道引用类型复制的是什么。了解原始值是通过复制值来复制及传递的。
    
    作用域 —了解全局作用域、函数作用域及块作用域的不同。了解变量的作用范围。知道 JavaScript 引擎如何查找变量。
    
    声明提升 — 了解变量和函数声明会被提升到可用范围的顶部。了解函数表达式不会被提升。
    
    闭包 — 知道函数内部创建的函数可以访问该函数的作用域。知道这种方式允许我们做什么，比如数据隐藏、记忆以及动态函数变换。
    
    this — 知道 this 绑定的原则。知道它的工作原理，在函数中指代的内容以及为什么有用。
    
    new — 知道它与面向对象编程的关系。知道使用 new 调用的函数发生了什么。了解使用 new 生成的对象是如何从函数的原型继承的。
    
    apply, call, bind — 知道每个函数是如何工作的。知道如何使用它们。知道它们对 this 做什么。
    
    原型 & 继承 — 了解 JavaScript 的继承是通过 [[Prototype]] 实现的。了解如何通过函数及对象建立继承并通过 new 实现继承。理解__proto__ 及 prototype 的属性以及作用。
    
    异步 JS — 了解事件循环。理解浏览器如何处理一般的用户输入、网络请求以及事件。知道如何正确认识和实现异步代码。了解 JavaScript 是异步的和单线程的。
    
    高阶函数 — 了解 JavaScript 中的函数是第一类对象以及它的意义。知道从另一个函数返回函数是完全合法的。了解闭包及高阶函数允许使用的技术。

更多资源

如果上面的链接不够，那么还有无数的资源可以帮助你学习这些概念。

我创建了《提高你的 JS 水平：中级 JavaScript 完整指南》（[https://www.educative.io/collection/5679346740101120/5707702298738688?authorName=Arnav%20Aggarwal][https_www.educative.io_collection_5679346740101120_5707702298738688_authorName_Arnav_20Aggarwal]）这个教程以帮助开发者提高他们的知识。它涵盖了所有提到的概念甚至更多。

以下是我看过而且值得推荐的一些资源。

You Don’t Know JS: https://github.com/getify/You-Dont-Know-JS
    
    JavaScript is Sexy: http://javascriptissexy.com/16-javascript-concepts-you-must-know-well/
    
    javascript.com
    
    Frontend Masters: https://frontendmasters.com/
    
    Eloquent JavaScript: http://eloquentjavascript.net/

[https_www.educative.io_collection_5679346740101120_5707702298738688_authorName_Arnav_20Aggarwal]: https://www.educative.io/collection/5679346740101120/5707702298738688?authorName=Arnav%20Aggarwal