复习面经哦

1.函数可以变量提升

JavaScript 中的函数存在变量提升的概念,这意味着在执行代码之前,函数声明会被提升到其作用域的顶部。这使得你可以在函数声明之前调用函数。然而,这种行为只适用于函数声明,而不是函数表达式。
下面是一些关于函数声明和函数表达式的示例来说明函数的变量提升:

1.函数声明:

   add(2, 3); // 可以在函数声明之前调用function add(a, b) {return a + b;}

在这个例子中,add 函数在其声明之前被调用,这是因为函数声明会被提升到作用域的顶部。因此,即使在声明之前调用,函数仍然可以正常工作。

2.函数表达式:

   subtract(5, 2); // 无法在函数表达式之前调用const subtract = function(a, b) {return a - b;};

在这个例子中,subtract 是一个函数表达式赋值给了一个变量。由于函数表达式是赋值语句的一部分,在执行到该语句之前无法调用函数,因此在函数表达式之前调用会导致错误。
需要注意的是,变量提升只适用于声明,而不适用于赋值。虽然函数声明会被提升,但函数表达式的变量本身(而不是赋值的函数)会被提升,值为 undefined。

console.log(foo); // 输出 undefined
var foo = function() {console.log('Hello');
};

在这个例子中,变量 foo 被提升,但它的值是 undefined,因为赋值语句 var foo = function() { ... } 并没有被提升。
综上所述,可以说 JavaScript 中的函数在变量提升方面具有特殊的行为,而函数声明会被完全提升,可以在声明之前调用。然而,函数表达式中的变量提升只包括变量本身,而不包括赋值的函数。因此,在编写代码时应注意变量和函数的定义顺序,以避免潜在的错误。

2.import 和 require

是 JavaScript 中用于导入模块的两种不同的语法,它们通常用于不同的模块系统。以下是它们的主要区别:

1.语法:


require 是 CommonJS 规范中使用的导入模块的语法。在 Node.js 环境中,你可以使用 require。
 const module1 = require('module1');

import 是 ES6 (ECMAScript 2015) 中引入的语法,用于导入模块。在现代的前端开发中,特别是在使用 webpack、Babel 等工具时,常用 import。
 import module1 from 'module1';

2.支持的环境:


require 是 CommonJS 规范的一部分,主要用于 Node.js 等服务器端环境。
import 是 ECMAScript 2015 (ES6) 的规范,主要用于现代的前端开发,同时也在一些服务器端环境中得到支持。


3.实时编译 vs 静态编译:


require 是在运行时动态加载模块的,模块的加载是实时的。
import 是在编译时进行的静态加载,模块的加载在代码执行前就完成了。


4.默认导出的处理:
在 CommonJS 中,require 是通过 module.exports 来导出模块的。
在 ES6 中,import 支持默认导出和命名导出,通过 export default 和 export 语法进行。

 // CommonJS// module1.jsmodule.exports = { key: 'value' };// main.jsconst module1 = require('./module1');// ES6// module1.jsexport default { key: 'value' };// main.jsimport module1 from './module1';


总的来说,如果你在 Node.js 等服务器端环境中,可以使用 require;如果在现代前端开发环境,通常会使用 import。在一些现代的 Node.js 版本中也支持 import,但需要在模块文件中使用 .mjs 扩展名或者在 package.json 中配置 "type": "module"。不同的模块系统之间通常是不兼容的,因此在项目中应该根据使用的环境和工具选择适当的导入语法。

3.输出题

当面试官询问关于闭包、原型链、this 指向和异步的问题时,你可以准备一些相关的代码示例来说明这些概念。以下是一些可能的示例及其执行结果:

1.闭包: 

 function outerFunction() {let outerVar = 'I am outer';function innerFunction() {console.log(outerVar);}return innerFunction;}const inner = outerFunction();inner(); // 输出: "I am outer"

这个例子展示了闭包的概念。innerFunction 内部可以访问外部函数 outerFunction 中定义的 outerVar,即使在外部函数执行完毕后,innerFunction 仍然可以访问并引用 outerVar。

2.原型链:

  function Animal(name) {this.name = name;}Animal.prototype.sayName = function() {console.log('My name is ' + this.name);};function Dog(name, breed) {Animal.call(this, name);this.breed = breed;}Dog.prototype = Object.create(Animal.prototype);const dog = new Dog('Buddy', 'Labrador');dog.sayName(); // 输出: "My name is Buddy"

这个例子展示了如何使用原型链创建对象。Dog 函数通过 Animal.call(this, name) 来调用 Animal 构造函数,并通过 Object.create(Animal.prototype) 来设置 Dog 的原型为 Animal 的实例,从而实现了继承。

3.this 指向: 

 const obj = {name: 'John',greet: function() {console.log('Hello, ' + this.name);}};const greetFunc = obj.greet;greetFunc(); // 输出: "Hello, undefined"

这个例子展示了 this 指向的问题。在 greetFunc 被调用时,this 不再指向 obj,而是指向了全局对象(在浏览器环境中通常是 window 对象),因此 this.name 是 undefined。

4.异步:

 

 console.log('Start');setTimeout(function() {console.log('Inside timeout');}, 2000);console.log('End');

这个例子展示了异步代码的执行顺序。setTimeout 函数会在 2000 毫秒后将回调函数放入事件队列中,而不会阻塞后续代码的执行,因此会先输出 "Start" 和 "End",然后才会输出 "Inside timeout"。
在面试中,展示这些代码示例并解释它们的执行结果,可以帮助面试官了解你对闭包、原型链、this 指向和异步编程的理解程度。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/678771.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

深度学习之线性模型

深度学习之线性模型 y w * x模型思路 y w * x b模型思路 y w * x模型 思路 这里求权重w , 求最适合的权重,就是求损失值最小的时候 这里用穷举法:在一个范围内,列出w的所有值,并且计算出每组数据的平均损失值,以w 为横坐标, 损失值为纵坐…

【Java】学习笔记:关于java.sql;

Connection conn null; Connection:这是一个 Java 接口,表示与数据库的连接。在这里,conn 是一个 Connection 类型的变量。 conn:这是变量的名称,可以根据需要进行更改。通常,conn 被用作表示数据库连接的…

Android 移动应用开发 创建第一个Android项目

文章目录 一、创建第一个Android项目1.1 准备好Android Studio1.2 运行程序1.3 程序结构是什么app下的结构res - 子目录(所有图片、布局、字AndroidManifest.xml 有四大组件,程序添加权限声明 Project下的结构 二、开发android时,部分库下载异…

在没有鼠标或键盘的情况下在 Mac 上如何启用蓝牙?

通过这个技巧,小编将向您展示几种无需鼠标或键盘即可在 Mac 上重新启用蓝牙的方法。如果您想开始使用蓝牙配件,但还没有连接,这会很有用。 无需鼠标即可启用蓝牙 蓝牙是iPhone、iPad和 Mac 的标准配置。它确保您可以无线使用各种配件&#…

yolo层数连接

head [-1,6]连接的是第六层 [-1,4连接的是第四层

Leecode之合并两个有序链表

一.题目及剖析 https://leetcode.cn/problems/merge-two-sorted-lists/description/ 二.思路引入 用指针遍历两个链表并实时比较,较小的元素进行尾差,然后较小元素的指针接着向后遍历 三.代码引入 /*** Definition for singly-linked list.* struct ListNode {* int va…

ChatGPT-4.0:塑造未来对话的智能架构

ChatGPT-4.0:塑造未来对话的智能架构 引言 在人工智能领域,ChatGPT-4.0的问世标志着对话智能技术的重大突破。这个最新的模型不仅在技术层面上实现了革命性的进步,而且在真实世界的应用中展示了前所未有的潜力。本文将深入探讨ChatGPT-4.0的…

深入Pandas:精通文本数据处理的20+技巧与应用实例【第68篇—python:文本数据处理】

文章目录 Pandas文本数据处理方法详解1. str/object类型转换2. 大小写转换3. 文本对齐4. 获取长度5. 出现次数6. 编码方向7. 字符串切片8. 字符串替换9. 字符串拆分10. 字符串连接11. 字符串匹配12. 去除空格13. 多条件过滤14. 字符串排序15. 字符串格式化16. 多列文本操作17. …

网络扫描神器:Nmap 保姆级教程(附链接)

一、介绍 Nmap(Network Mapper)是一款用于网络发现和安全审计的开源工具。它最初由 Gordon Lyon(也被称为 Fyodor Vaskovich)开发,是一款功能强大且广泛使用的网络扫描工具。Nmap 允许用户在网络上执行主机发现、端口…

uTools工具使用

之前发现一款非常有用的小工具,叫uTools,该软件集成了比如进制转换、json格式化、markdown、翻译、取色等等集插件大成,插件市场提供了很多开源插件工具。可以帮助开发人员节省了寻找各种处理工具的时间,非常推荐。 1、软件官方下…

类与结构体(4)

简明扼要:上一期我们说了,这一期讲类的入门。 类是什么,类该怎么用,为什么要用类? 我们先来回答第一个问题,类是什么? 类是什么? C在C的基础上增加了面向对象编程(C是面向过程编…

【维生素C语言】附录:strlen 函数详解

写在前面:本篇将专门为 strlen 函数进行讲解,总结了模拟实现 strlen 函数的三种方法,并对其进行详细的解析。手写库函数是较为常见的面试题,希望通过本篇博客能够加深大家对 strlen 的理解。 0x00 strlen函数介绍 【百度百科】str…

vb.net极简版扫雷16*16,40雷源代码,仅供学习和参考

效果图:下载地址:链接:https://pan.baidu.com/s/14rrZujpQbfs-9HMw_lL-3Q?pwd1234 提取码:1234 源代码:只有120行 Imports System.Math Public Class Form1Dim Booms As New List(Of Point)Dim MyBooms As New List…

Activiti7(流程引擎)简单笔记,附带作者执行的Demo代码文件

文章目录 一、Activiti7流程基础1、最简单的流程2、流程值表达式3、方法表达式4、节点监听器5、流程变量6、候选人7、候选人组8、流程网关排他网关并行网关包容网关事件网关 二、Activiti7流程事件1、定时器事件定时器开始事件定时器中间事件定时器边界事件 2、消息事件消息开始…

c#异步编程

1.创建任务的几种方法 public void TaskAsync1(){//异步编程Task task new Task(() >{//Thread.Sleep(1000);Console.WriteLine("Task 的使用");});task.Start();}public void TaskAsync2(){Task.Factory.StartNew(() > { Console.WriteLine("创建异步线…

【Java EE初阶十二】网络编程TCP/IP协议(一)

1. 网络编程 通过网络,让两个主机之间能够进行通信->就这样的通信来完成一定的功能,进行网络编程的时候,需要操作系统给咱们提供一组API,通过这些API来完成编程;API可以认为是应用层和传输层之间交互的路径&#xf…

多旋翼无人机飞行控制详解,四旋翼无人机飞控原理深入解析

在四旋翼无人机中,相邻的两个螺旋桨旋转方向是相反的。如图所示,三角形红箭头表示飞机的机头朝向,螺旋桨M1、M3的旋转方向为逆时针,螺旋桨M2、M4的旋转方向为顺时针。当飞行时,M2、M4所产生的逆时针反作用力&#xff0…

Java奠基】对象数组练习

目录 商品对象信息获取 商品对象信息输入 商品对象信息计算 商品对象信息统计 学生数据管理实现 商品对象信息获取 题目要求是这样的: 定义数组存储3个商品对象。 商品的属性:商品的id,名字,价格,库存。 创建三个…

双活工作关于nacos注册中心的数据迁移

最近在做一个双活的项目,在纠结一个注册中心是在双活机房都准备一个,那主机房的数据如果传过去呢,查了一些资料,最终在官网查到了一个NacosSync 的组件,主要用来做数据传输的,并且支持在线替换注册中心的&a…

python数据分析numpy基础之abs()用法和示例

1 python数据分析numpy基础之abs()用法和示例 python的通用函数ufunc (Universal functions)是一种对ndarray多维数组中的数据执行元素级运算的函数,即对数组的每个元素都调用通用函数。numpy的通用函数分为一元ufunc和二元ufunc。一元ufunc接收一个ndarray入参进行…