数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在使用对象的属性时抛出错误？
在JavaScript中，对象以键值对的形式包含属性。我们可以使用属性名称作为对象的引用来访问对象的任何属性。
有时，我们尝试访问对象中不存在的属性。在这种情况下，我们将得到undefined值。让我们通过下面的示例来理解它。
示例（访问对象属性）
在下面的示例中，我们创建了对象并添加了一些属性。我们还添加了一些嵌套属性。之后，我们尝试访问'prop5'属性，它是'prop4'的嵌套属性。用户可以在输出中观察其值。
此外，我们尝试访问'prop6'属性，而对象返回undefined，因为它在对象中不存在。
<html>
<body>
<h2>Accessing the object properties in JavaScript</h2>
<div id="content"> </div>
<script>
let content = document.getElementById('content');
let object = {
name: 'Shubham',
prop1: 'Hello',
prop2: 'World',
prop3: '!',
prop4: {
prop5: 'This is a nested object.'
}
}
content.innerHTML = "The value of prop5 is : " + object.prop4.prop5;
content.innerHTML += "<br> The value of prop3 is : " + object.prop3;
content.innerHTML += "<br> The value of prop6 is : " + object.prop6;
</script>
</body>
</html>
因此，每当对象中不存在属性时，我们可以抛出一个错误，说明该属性在对象中不存在。
在这里，我们将学习一种不同的方法来在访问对象属性时抛出错误。
使用“in”运算符在访问对象属性时抛出错误
“in”运算符允许我们检查属性是否存在于对象中。我们可以使用键作为“in”运算符的左操作数，并将对象作为右操作数。
我们可以检查属性是否存在于对象中。如果不存在，我们可以抛出一个错误。
语法
用户可以按照以下语法使用“in”运算符在访问对象属性时抛出错误。
if(key in obj){
}else {
// throw error
}
在上述语法中，key是要检查其是否存在于对象中的属性。
示例
在下面的示例中，我们创建了table_obj对象并添加了一些键值对。名为get_property_value()的函数检查属性是否存在于对象中。如果属性存在于对象中，则返回属性值。否则，它会抛出一个错误。
在try-catch块中，我们捕获错误。在输出中，用户可以观察到get_property_value()函数为'table_price1'属性抛出错误，而不是为该属性返回undefined值。
<html>
<body>
<h3>Using the <i> in </i> operator to throw an error while accessing the object properties in JavaScript</h3>
<div id = "content"> </div>
<script>
let content = document.getElementById('content');
// creating an object for table details
let table_obj = {
table_name: "table1",
table_type: "table",
table_size: "10x10",
table_color: "black",
table_price: 1000
}
function get_property_value(key) {
if (key in table_obj) {
return table_obj[key];
} else {
throw new Error(key + " is not a valid property name.");
}
}
try {
content.innerHTML += "table_name : - " + get_property_value("table_name");
content.innerHTML += "<br>" + get_property_value("table_price1");
} catch (e) {
content.innerHTML += "<br>" + e.message;
}
</script>
</body>
</html>
使用defineProperty()方法在访问对象属性时抛出错误
Javascript的defineProperty()方法允许我们向对象添加属性。我们可以为抛出错误的属性描述符添加getter。
语法
用户可以按照以下语法使用defineProperty()方法在访问对象属性时抛出错误。
Object.defineProperty(obj_name, 'prop_name', {
get: () => {
// throw an error
}
});
在上述语法中，我们将描述符作为defineProperty()方法的第三个参数传递。我们可以为对象的特定属性从描述符函数中抛出错误。
参数
**Obj_name** − 这是向其中添加属性的对象的名称。
**Prop_name** − 这是要添加到对象的属性名称。
**{ get: () => { } }** − 这是对象属性的getter函数。
示例
在下面的示例中，我们创建了没有属性的empty_obj对象。我们使用defineProperties()方法添加属性。作为描述符，我们添加了get()方法，该方法会抛出一个包含错误消息的错误。
在输出中，用户可以观察到当我们尝试访问'prop1'属性时会抛出错误。
<html>
<body>
<h3>Using the <i> defineProperty() </i> method to throw an error while accessing the object properties in JavaScript </h3>
<div id = "content"> </div>
<script>
let content = document.getElementById('content');
let empty_obj = {};
Object.defineProperty(empty_obj, 'prop1', {
get: () => {
throw new Error('You cannot access prop1 property');
}
});
try {
content.innerHTML = "The value of prop1 property in the empty object is " + empty_obj.prop1;
}
catch (err) {
content.innerHTML = "The error is : - " + err;
}
</script>
</body>
</html>
在访问对象属性时使用Proxy()构造函数抛出错误
Proxy()构造函数允许我们为对象创建一个代理，并覆盖对象的全部描述符，例如getter和setter。在这里，我们可以覆盖getter()并编写一个可以抛出错误的新函数。
语法
用户可以使用以下语法使用Proxy()构造函数在访问对象属性时抛出错误。
let proxy_obj = new Proxy(target_Obj, {
get: function (target, prop) {
// throw error
},
});
在上述语法中，target_obj是要为其创建代理的对象。我们将包含get()方法的对象作为第二个参数传递。在get()方法中，我们可以验证对象属性，如果对象属性无效，则抛出错误。
示例
在下面的示例中，我们使用Proxy()构造函数为targetObj对象创建了代理。在创建代理时，我们检查用户是否访问了'prop5'属性。如果没有，我们将始终抛出错误。这意味着只能从对象访问'prop5'属性。但是，它将为'prop5'属性返回undefined值，因为我们没有在对象中定义它。
<html>
<body>
<h3>Using the <i> defineProperty() </i> method to throw an error while accessing the object properties in JavaScript </h3>
<div id = "content"> </div>
<script>
let content = document.getElementById('content');
let targetObj = {
prop1: 'Hello',
}
let proxy_obj = new Proxy(targetObj, {
get: function (target, prop) {
if (prop != 'prop5') {
throw new Error('You are only allowed to access prop5');
}
},
});
try {
content.innerHTML += "The value of prop1 is: " + proxy_obj.prop1 + "<br>";
} catch (e) {
content.innerHTML += "The error is - " + e + "<br>";
}
</script>
</body>
</html>
519 次浏览
