在 JavaScript（简称 JS）中，硬编码是指在代码中直接书写固定的值、逻辑或配置，而不是通过变量、参数、配置文件或动态计算等方式来处理。
一、具体表现形式
固定数值硬编码
例如直接在代码中使用一个具体的数字，而不是从外部获取或通过计算得到这个数字。比如：
function calculatePrice() {
return 100; // 这里直接硬编码了价格为 100
}在这个例子中，函数总是返回固定的价格 100，而不是根据不同的情况动态确定价格。
固定字符串硬编码
直接在代码中使用特定的字符串，而不是从外部输入或动态生成字符串。例如：
console.log("Hello, World!"); // "Hello, World!" 是硬编码的字符串
这里的 “Hello, World!” 字符串是固定写在代码中的，无法在运行时轻易改变。
固定逻辑硬编码
代码中包含特定的、不可更改的逻辑。比如：
function isEven(number) {
return number % 2 === 0 && number < 10; // 这里硬编码了判断偶数且小于 10 的逻辑
}这个函数只能判断小于 10 的数字是否为偶数，不能适应其他范围的判断需求。
二、存在的问题
缺乏灵活性
一旦硬编码的值需要更改，就必须修改源代码。这在实际应用中可能非常麻烦，尤其是当代码已经部署到多个环境中或者被多个项目共享时。例如，如果上面计算价格的函数中硬编码的价格需要调整，就必须找到并修改所有使用这个函数的地方。
而且，不同的环境可能需要不同的值。硬编码无法满足这种灵活性需求。
维护困难
随着时间的推移，代码可能会经过多次修改和升级。如果有很多硬编码的值和逻辑，那么在维护代码时就需要特别注意不要意外地更改或删除这些硬编码的部分，否则可能会导致程序出现错误。这增加了代码维护的难度和风险。
可扩展性差
硬编码的代码难以适应新的需求和变化。例如，如果要在上面判断偶数的函数中增加判断大于某个特定值的逻辑，就需要修改函数的代码，而不能通过简单的配置或参数调整来实现。
三、解决方案
使用变量和参数
将硬编码的值替换为变量，并通过参数传递或从外部获取这些变量的值。例如：
function calculatePrice(basePrice) {
return basePrice;
}
const price = calculatePrice(120); // 通过参数传递价格这样，当价格需要更改时，只需要修改传递给函数的参数值，而无需修改函数的代码。
配置文件
将一些固定的值和配置信息存储在配置文件中，然后在代码中读取这些配置文件。例如，可以使用 JSON 或 YAML 格式的配置文件来存储一些参数和设置。例如：
const config = require('./config.json');
console.log(config.message); // 从配置文件中读取消息这样可以在不修改源代码的情况下，通过修改配置文件来调整程序的行为。
动态计算
尽量通过动态计算来确定值，而不是直接硬编码。例如，可以根据一些输入参数或系统状态来计算需要的值。比如：
function calculateDiscount(originalPrice, discountRate) {
return originalPrice * discountRate;
}
const discountedPrice = calculateDiscount(100, 0.8); // 根据折扣率动态计算折扣后的价格这样可以使代码更加灵活，适应不同的情况和需求。