当前位置: 首页 > news >正文

前端高频面试题day3

JavaScript作用域理解

核心概念

  • 作用域:定义变量/函数的可见范围及生命周期,分为 全局作用域函数作用域块级作用域
  • 作用域链:变量查找从当前作用域逐级向上直至全局,遵循词法作用域(静态作用域)。
  • 闭包:函数能访问并保留其声明时的外部变量,即使外部作用域已销毁。

作用域类型

1. 全局作用域

  • 定义:在函数/代码块外声明的变量。
  • 特点:全局有效,易污染全局命名空间(如 window 对象属性)。

2. 函数作用域

  • 定义:函数内部声明的变量。
  • 特点
    • 函数内部有效,外部不可访问。
    • var 声明的变量具有函数作用域,存在变量提升。

3. 块级作用域(ES6新增)

  • 定义:由 {} 包裹的代码块(如 ifforwhile)。
  • 特点
    • let/const 声明的变量仅在块内有效,避免变量泄漏。
    • 解决 var 的块级作用域缺陷。

varletconst 的区别

特性varlet/const
作用域函数作用域块级作用域
变量提升声明提升,赋值不提升(初始值为 undefined声明提升,但处于“暂时性死区”(TDZ)
重复声明允许重复声明禁止重复声明
可变性可重新赋值let 可变,const 不可变
全局属性全局变量成为 window 的属性不成为 window 的属性
初始化允许未初始化(var a;const 必须初始化

let 全局变量能否通过 window 访问?

  • 答案不能
  • 原因
    • ES6 后,let/const 声明的全局变量不挂载到全局对象(如 window)。
    • var 声明的全局变量会成为 window 的属性。

Object.keys() 返回值是否有序?

  • 规范:未强制保证顺序,但现代引擎通常遵循:
    • 非数字键按插入顺序排列。
    • 数字键按升序排列(如 "1""2" 之前)。
  • 建议不可依赖顺序,需显式排序。

Fetch API 的优缺点

优点

  • 基于 Promise:支持 async/await,代码简洁。
  • 流式处理:可逐步读取大文件或实时数据。
  • 灵活配置:支持自定义方法、头信息、请求体等。

缺点

  • 默认不发送 Cookies:需 credentials: 'include'
  • 兼容性问题:不支持 IE 等旧浏览器。
  • 错误处理需手动干预:需检查 response.ok

BigIntNumber 的区别

特性NumberBigInt
数据类型双精度浮点数(IEEE 754)任意精度整数
范围安全整数范围:±(2^53 -1)无限制,可表示任意长度整数
语法直接书写(如 42后缀 n(如 42n)或 BigInt()
运算规则支持浮点运算及特殊值(如 NaN仅整数运算,不能与 Number 直接混合
应用场景通用数值计算处理超大整数(如加密、金融计算)

尾调用(Tail Call)

  • 定义:函数的最后一步操作是调用另一个函数(包括自身),且返回值直接传递。
  • 好处
    • 避免栈溢出:通过尾调用优化(TCO)复用栈帧。
    • 节省内存:无需保留当前函数的执行上下文。
    • 优化递归:将深度递归转化为迭代式执行。

ES6 新特性(精选)

  1. 块级作用域let/const 解决 var 的变量提升问题。
  2. 箭头函数:简化语法,无 this 绑定。
  3. 类与继承class/extends 糖语法。
  4. 解构赋值const [a, b] = arr;
  5. 模板字符串:反引号支持多行和插值。
  6. Promise:标准化异步编程。
  7. Map/Set:更高效的数据结构。
  8. 扩展运算符[...arr] 展开数组。
  9. 默认参数function(a=1) {}
  10. Symbol:唯一且不可变的标识符。

箭头函数能否作为构造函数?

  • 答案不能
  • 原因
    • 箭头函数无 [[Construct]] 内部方法,无法通过 new 实例化。
    • this 绑定能力,继承外层 this,无法创建新对象。

箭头函数 vs 普通函数

特性普通函数箭头函数
this 绑定动态绑定(调用上下文决定)词法绑定(继承外层 this
语法function 关键字简写 =>,省略 return
构造函数可通过 new 实例化不能作为构造函数
arguments内置 arguments 对象无,需用 ...args 替代
super支持(类中调用父类)不支持
函数提升支持(声明前可调用)不支持(必须先声明)
http://www.xdnf.cn/news/180955.html

相关文章:

  • Python装饰器:函数增强的秘密武器
  • 使用ZXing开发安卓扫码功能
  • 【C++】C++11新特性(一)
  • 【前端】element表格X轴滚动优化拖拽滚动
  • 函数式编程之 Optional
  • 海底世界-第16届蓝桥第4次STEMA测评Scratch真题第5题
  • 【jax】ms(毫秒)和 μs(微秒)
  • Leetcode395.至少有 K 个重复字符的最长子串
  • Qt从零开始(1)了解
  • Golang | 倒排索引Value的设计
  • Python爬虫实战:获取ya马逊最新销售飙升榜数据并做分析,为电商选品做参考
  • 【AI】MCP协议,AI界的USB接口
  • FastAPI系列06:FastAPI响应(Response)
  • leetcode--盛最多水的容器,接雨水
  • 数值分析、数值代数之追赶法
  • Linux课程五课---Linux进程认识1
  • MySQL----查询
  • 树莓派超全系列教程文档--(43)树莓派内核简介及更新
  • 机器学习基础——Seaborn使用
  • C++11
  • 自然语言处理之机器翻译:Statistical Machine Translation(SMT)的评估方法解析与创新实践
  • 小集合 VS 大集合:MySQL 去重计数性能优化
  • 常用第三方库:sqflite数据库应用
  • Python语言基础知识详解:数据类型及运算
  • 【MQ篇】RabbitMQ之消费失败重试!
  • 2、Linux操作系统下,ubuntu22.04版本安装搜狗输入法
  • <PLC><汇川><工控>汇川PLC实现光纤缠绕设备
  • ollama的若干实践
  • Step1X-Edit: A practical framework for general image editing
  • PaddleX的安装