likes
comments
collection
share

大厂面试题 - 定义常量：从基础到进阶的JavaScript常量管理策略

作者站长头像
站长
· 阅读数 64

在软件开发中，常量扮演着基石的角色，它们代表程序中不应改变的值，比如数学常数、配置参数或API端点等。JavaScript作为一门广泛应用于Web开发的语言，经历了从ES5到ES6及以后版本的显著演变，对常量的处理也日益成熟。本文将围绕大厂面试中关于定义常量的考察点，从历史背景、基础知识到进阶技巧进行全面解析。

大厂面试题 - 定义常量：从基础到进阶的JavaScript常量管理策略

一、JavaScript的历史分水岭：ES6的革新

2015年，ECMAScript 2015（简称ES6）的发布标志着JavaScript进入了新纪元。在此之前，开发者主要依赖于var关键字声明变量，而var的作用域和变量提升（hoisting）机制常常导致代码难以理解和维护。ES6不仅引入了let和const关键字，还带来了许多其他特性，极大地丰富了语言表达力和代码组织能力。对于常量的定义，ES6的const关键字成为了首选。

二、基本常量定义：const的使用

在ES6之后，const成为了声明不可变变量（常量）的标准方式。使用const声明的变量其值一旦被赋予，便不能再被重新赋值。这是遵循编程最佳实践的一种体现，即常量名通常采用全大写字母加下划线的命名规则，以示区分。例如：

const PI =3.1415926;
console.log(PI);
PI=2;
console.log(PI);

当你想要修改const定义的常量时，他就会报错。如下图所示：

大厂面试题 - 定义常量：从基础到进阶的JavaScript常量管理策略

需要注意的是，对于复合类型如对象和数组，const保证的是引用地址不变，而非内部结构的不可变性。因此，即使在使用const声明后，仍可以直接修改这些数据结构的内容。

三、ES5时代的解决方案：Object.defineProperty与Object.freeze

在ES6之前，为了创建不可变的属性，开发者往往借助Object.defineProperty方法。这种方法允许精确控制对象属性的行为，包括是否可写、可枚举、可配置等。例如，定义一个不可更改的PI常量：

var myObj={
    PI:3.1415926
}

Object.defineProperty(myObj,'PI',{
    value:3.1415926,
    writable:false,
    configurable:true,
})
myObj.PI = 2
console.log(myObj.PI);

当你想要修改myobj中的PI时，PI不会改变。如下图所示：

大厂面试题 - 定义常量：从基础到进阶的JavaScript常量管理策略

此外，Object.freeze()方法提供了另一种更为简便的方式来冻结一个对象，使其所有属性都变为不可修改，包括其内部的属性。这对于需要将整个对象视为常量的情况非常有用：

const obj1 = {
    prop: 42,
  };
  
  Object.freeze(obj1);

  obj1.prop=33
console.log(obj1);

当你要修改obj1.prop时，obj1.prop因为被Object.freeze修饰，所以值不变。如下图所示：

大厂面试题 - 定义常量：从基础到进阶的JavaScript常量管理策略

四、使用use strict和避免全局变量污染

随着JavaScript的发展，"use strict"指令成为了编写高质量代码的标准做法。它强制执行更严格的错误检查，禁止某些不安全或易出错的语法，如未声明的变量直接赋值。在ES6模块系统普及之前，直接声明变量而不使用var会将其自动挂载到全局对象上，这在多文件或模块化的项目中极易引发变量污染。通过在整个脚本或模块顶部添加"use strict"，可以有效避免此类问题，促使开发者更加谨慎地处理变量声明。

五、MDN文档与最佳实践

MDN Web Docs（Mozilla Developer Network）是学习Web技术不可或缺的资源。对于如何在JavaScript中定义和管理常量，MDN提供了详尽的文档和实例。特别是推荐使用Object.freeze()来轻松创建不可变对象，这一建议体现了现代JavaScript开发中对简洁性和安全性的追求。

六、面试准备与技巧

在准备大厂面试时，关于常量的讨论不仅限于上述基础知识，面试官可能会进一步考察以下方面：

  • 理解深拷贝与浅拷贝：当涉及复杂对象作为常量时，理解如何正确复制对象以避免意外修改至关重要。
  • 模块化与命名空间：在大型项目中如何组织和管理常量，如使用ES6模块或Webpack等工具进行模块化管理。
  • 性能考量：虽然常量定义看似简单，但在特定场景下（如大量使用Object.defineProperty或频繁冻结对象）可能影响性能。
  • 设计模式：了解如何利用常量与其他设计模式结合，如单例模式中的配置常量、工厂函数中的默认参数等。

总结而言，掌握JavaScript中常量的定义与管理，不仅是语言基础的体现，更是编写健壮、易于维护代码的关键。随着JavaScript生态的不断进化，开发者应持续关注并适应最新的语言特性和最佳实践，以应对大厂面试中可能遇到的各种挑战。

转载自:https://juejin.cn/post/7374808507709685810
评论
请登录