【Infragistics教程】在javascript中密封、冻结和防止对象扩展

翻译|使用教程|编辑:李爽夏|2019-01-03 10:05:29.000|阅读 47 次

概述:本文介绍了如何在javascript中密封、冻结和防止对象扩展。

相关链接:

【下载Infragistics Ultimate最新版本】

在现代的JavaScript中,对象是不可分割的,对对象周围的主题有很强的理解是编写更好的JavaScript所必需的。您可以用JavaScript以四种方式创建对象。

一旦知道如何创建对象,您可能希望了解对象属性描述符。综上所述,假设您有一个对象——cat:

var cat = {
    name: 'foo',
    age: 9
}

每个对象属性包含的信息不仅仅是一个值。例如,可以使用object.getownPropertyDescriptor方法打印其他属性信息。

console.log(Object.getOwnPropertyDescriptor(cat, 'name'));

在控制台上,可以看到属性名提供了更多信息:

infragistics

很明显,如果将writable设置为true,则可以重写属性值等。您可以在此处阅读有关javascript对象属性描述符的更多信息。

到目前为止,您已经了解了对象属性描述符,因此如果需要将属性设置为只读,您将把该属性设置为可写。

Object.defineProperty(cat, 'name', { writable: false });

下一步,让我们讨论一下更改JavaScript对象默认行为的更多要求。

防止对象具有新属性

除要求1外,将所有可配置的属性标记为假

除了要求2之外,还应使所有属性都可写为false

从ECMA 6开始,您有实现上述要求的方法。让我们一个接一个地拿着:

Object.preventExtensions

比如说,你有一个对象——cat:

var cat = {
    name: 'foo',
    age: 9
}

使用默认行为,您可以向JavaScript对象添加属性。因此,可以进行以下操作:

cat.color = 'black';
console.log(cat.color); // black

要防止默认行为在对象中动态添加属性,需要使用object.preventextensions()。此方法阻止对象添加新属性。

Object.preventExtensions(cat);
cat.color = 'black';
console.log(cat.color); // undefined

在对象上使用object.preventextensions之后,如果添加新的属性颜色,javascript将忽略它,并且作为输出,您将得到未定义的。

如果javascript处于严格模式,则如果向不可扩展的对象添加新属性,则会出现错误。

'use strict'
var cat = {
 
    name: 'foo',
    age: 9
}
 
Object.preventExtensions(cat);
cat.color = 'black';
console.log(cat.color); // error thrown 

在严格模式下,您将收到一个错误,消息传递非常清楚,即“cannot add property, object is not extensible”

infragistics

总而言之,您应该使用object.preventextensions方法来防止向对象添加新属性。

Object.seal

假设你想封一个物体,意思是:

  • 您应该无法添加新属性(调用object.preventextensions())
  • 不应更改任何配置(将可配置属性设置为false)

可以使用object.seal()方法密封对象。让我们再次考虑一个对象——cat:

var cat = {
 
    name: 'foo',
    age: 9
}

您不希望将新属性添加到cat中,并且所有属性的可配置性都应设置为false。可以使用object.seal()方法执行此操作:

Object.seal(cat);
cat.color = 'black';
console.log(cat.color); // undefined
console.log(Object.getOwnPropertyDescriptor(cat, 'name'));

因为您有一个密封的对象作为输出,所以您将得到未定义和可配置的设置为false。

infragistics

总而言之,应该使用object.seal()来密封对象。您将无法添加新属性,并且将配置设置为“false”。

Object.freeze

假设你想冻结一个物体,意思是:

  • 您应该无法添加新的属性,这意味着调用object.preventextensions()。
  • 不应更改任何配置(将属性的configurable设置为false)
  • 对于所有属性,writable应设置为false。

可以使用object.freeze()方法冻结对象。它本质上调用object.seal()方法,并将可写属性设置为false。

让我们考虑一个对象——cat:

var cat = {
    name: 'foo',
    age: 9
}

不应将新属性添加到对象中,所有属性的可配置性应设置为false,属性的可写性应设置为false。可以使用object.freeze()方法执行此操作:

Object.freeze(cat);
cat.age = 10;
cat.color = 'black';
console.log(cat.age); //9
console.log(cat.color); // undefined
console.log(Object.getOwnPropertyDescriptor(cat, 'name'));

由于您已经冻结了对象,作为输出,您将得到未定义、9和可配置和可写设置为false。

infragistics

总而言之,应该使用object.freeze()冻结对象。一旦冻结对象,就不能添加新属性或重写属性值,而configurable将设置为false。

总结

在使用JavaScript中的对象时,您需要对创建对象的不同方法有很强的理解。非常需要属性描述符、object.seal、object.preventextensions和object.freeze。希望你现在能更好地理解这些概念。

购买infragistic正版授权的朋友可以点击"咨询在线客服"哦~~~
Codemix活动


标签:JavaScript infragistics

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Infragistics Windows Forms Test Automation

TestAdvantage™ for WinForms代码调试包=完善的界面+全新的功能!

Infragistics Ultimate UI for ASP.NET

ASP.NET界面包是在任何设备上均为Web应用程序服务中敏捷的工具集

Infragistics Ultimate UI for Windows Forms

Infragistics Ultimate UI for Windows Forms,最丰富全面的WinForms界面包。

Infragistics Ultimate UI for WPF

提供高速的网格和图表,轻松创建仿Office应用程序的WPF界面框架

Infragistics jQuery / HTML5

用于创建跨平台跨设备应用的HTML5 & jQuery开发框架

Infragistics Ultimate

创建高性能跨平台应用程序的完美工具集

Infragistics Ultimate UI for Android

可高速地处理数千行的复杂数据。

Infragistics Ultimate UI for iOS

首款针对native iOS开发的工具包

Infragistics Ultimate UI for Xamarin

你的天赋与我们的Xamarin.Forms相结合,随时都可以创建原生应用

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat