要让javascript原型链上的属性不可劫持，需使用object.defineproperty()和object.freeze()等方法防止属性被修改或删除。1. 使用object.defineproperty()可设置属性的writable为false以阻止重写，configurable为false以阻止删除或重新配置；2. 使用object.freeze()可冻结整个对象，使其所有属性不可变；3. 可结合两者实现更严格的保护；4. 闭包、weakmap及typescript的private和readonly修饰符也提供额外保护机制。这些方法能有效防止意外或恶意修改原型链属性，确保对象行为一致、安全可靠，尤其适用于大型应用或核心库的开发，最终保障程序的稳定性和可维护性。
让JavaScript原型链上的属性不可劫持，本质上是要防止这些属性被意外修改或覆盖，确保它们的行为符合预期。这在构建大型应用或者需要保证核心对象稳定性的场景下尤为重要。
解决方案：
要实现原型链属性的不可劫持，可以结合使用
Object.defineProperty()
Object.freeze()
Object.defineProperty()
Object.freeze()
使用Object.defineProperty()
可以定义属性的
writable
false
configurable
false
function MyClass() {}
MyClass.prototype.myProperty = "initial value";
Object.defineProperty(MyClass.prototype, 'myProperty', {
writable: false, // 阻止属性被重新赋值
configurable: false, // 阻止属性被删除或重新配置
enumerable: true // 允许属性被枚举
});
const instance = new MyClass();
// 尝试修改属性
instance.myProperty = "new value"; // 严格模式下会报错，非严格模式下修改无效
console.log(instance.myProperty); // 输出 "initial value"
// 尝试删除属性
delete instance.myProperty; // 返回 false，属性未被删除
console.log(instance.myProperty); // 输出 "initial value"需要注意的是，即使
writable
false
使用Object.freeze()
Object.freeze()
function MyClass() {}
MyClass.prototype.myProperty = "initial value";
Object.freeze(MyClass.prototype);
const instance = new MyClass();
// 尝试修改属性
instance.myProperty = "new value"; // 严格模式下会报错，非严格模式下修改无效
console.log(instance.myProperty); // 输出 "initial value"
// 尝试删除属性
delete instance.myProperty; // 返回 false，属性未被删除
console.log(instance.myProperty); // 输出 "initial value"使用
Object.freeze()
结合使用：
可以根据具体需求，选择合适的策略。如果只需要防止特定属性被修改，可以使用
Object.defineProperty()
Object.freeze()
function MyClass() {}
MyClass.prototype.myProperty1 = "value1";
MyClass.prototype.myProperty2 = "value2";
Object.defineProperty(MyClass.prototype, 'myProperty1', {
writable: false,
configurable: false,
enumerable: true
});
Object.freeze(MyClass.prototype); // 冻结整个原型链
const instance = new MyClass();在JavaScript上下文中，“劫持”通常指意外地修改或覆盖了对象或其原型链上的属性，导致程序行为不符合预期。这可能发生在多种场景下，例如：
理解“劫持”的概念，有助于我们更好地保护对象的完整性。
保护原型链上的属性至关重要，原因如下：
特别是对于一些核心对象或库，保护原型链的完整性非常重要。
Object.defineProperty()
Object.freeze()
除了
Object.defineProperty()
Object.freeze()
使用闭包: 可以将属性封装在闭包中，防止外部直接访问和修改。
function MyClass() {
let myProperty = "initial value";
this.getMyProperty = function() {
return myProperty;
};
}
const instance = new MyClass();
console.log(instance.getMyProperty()); // 输出 "initial value"
// 无法直接修改 myProperty这种方法可以提供更强的封装性，但也可能增加代码的复杂性。
使用WeakMap: 可以使用
WeakMap
const privateData = new WeakMap();
function MyClass() {
privateData.set(this, { myProperty: "initial value" });
}
MyClass.prototype.getMyProperty = function() {
return privateData.get(this).myProperty;
};
const instance = new MyClass();
console.log(instance.getMyProperty()); // 输出 "initial value"
// 无法直接修改 privateData 中的属性WeakMap
WeakMap
使用TypeScript的private
readonly
private
readonly
class MyClass {
private myProperty: string = "initial value";
readonly readOnlyProperty: string = "read only";
getMyProperty(): string {
return this.myProperty;
}
}
const instance = new MyClass();
console.log(instance.getMyProperty()); // 输出 "initial value"
// instance.myProperty = "new value"; // 编译错误：属性“myProperty”为私有属性，只能在类“MyClass”中访问。
// instance.readOnlyProperty = "new value"; // 编译错误：无法分配到“readOnlyProperty”，因为它是只读属性。这些方法各有优缺点，选择哪种方法取决于具体的应用场景和需求。
以上就是js如何让原型链上的属性不可劫持的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
165
收藏
