Preventing modification of Objects
There are many ways to lock an object according to your needs.
- Object.freeze()
- Object.seal()
- Object.preventExtensions()
Object.freeze()
To prevent modification of JavaScript objects, one of the techniques is to use Object.freeze() . Freezing an object does not allow new properties to be added to an object and prevents from removing or altering the existing properties. Any attempt to do so will fail, either silently or by throwing a TypeError exception (most commonly, but not exclusively, when in strict mode). Syntax
Object.freeze(obj)
example
var student = { name: "John", age: 10 };
Object.freeze(student);
student.grade = 2; // Throws an error in strict mode
document.write(student.grade); //undefined
document.write("<br/>");
delete student.age; //delete property
document.write(student.age);
document.write("<br/>");
student.name = "Doe";
document.write(student.name);
output
undefined
10
John
Freezing an object can be useful for representing a logically immutable data structure , especially if changing the properties of the object could lead to bad behaviour elsewhere in your application. Object.freeze(…) is shallow, this means that object values in a frozen object are still mutable.
Object.seal()
Object.seal is a superset of Object.preventExtensions in functionality in that while it prevents tacking on of arbitrary properties to objects it also prevents altering the attributes of the properties that already exist on the object. Also, it disallows deleting properties . Syntax
Object.seal(obj)
example
var student = { name: "John", age: 10 };
Object.seal(student);
student.grade = 2; //add new property
document.write(student.grade); //undefined
document.write("<br/>");
student.name = "Doe";
document.write(student.name);
document.write("<br/>"); //Doe
delete student.age;
document.write(student.age); // 10
document.write("<br/>");
output
undefined
Doe
10
Object.preventExtensions()
Object.preventExtensions() sets the extensible attribute of o to false so that no new properties can be added to it. This is a permanent change: once an object has been made non-extensible, it cannot be make extensible again. example
var student = { name: "John", age: 10 };
Object.preventExtensions(student);
document.write(Object.isExtensible(student));
document.write("<br/>");
student.grade = 2; //add new property
document.write(student.grade); //undefined
document.write("<br/>");
output
false
undefined
Related Topics
- JavaScript Interview Questions (Part2)
- JavaScript Interview Questions (Part3)
- Is JavaScript a true OOP language?
- Advantages and Disadvantages of JavaScript
- Difference Between JavaScript and ECMAScript?
- What is noscript tag?
- Escaping Special Characters in JavaScript
- What is undefined x 1 in JavaScript?
- JavaScript : Logical Operators
- Difference between '=', '==' and '===' operators?
- How to reload a page using JavaScript?
- How to write html code dynamically using JavaScript?
- How to add html elements dynamically with JavaScript?
- How to load another html page from javascript?
- What Is The Disadvantages Using InnerHTML In JavaScript?
- What is Browser Object Model
- How to detect the OS on the client machine in JavaScript?
- Difference between window, document, and screen in Javascript?
- Difference between the substr() and substring() in JavaScript?
- How to replace all occurrences of a string in JavaScript?
- How to test a string as a literal and as an object ?
- What is Associative Array? How do we use it?
- What is an anonymous function in JavaScript?
- What is the use of 'bind' method in JavaScript?
- Pure functions Vs. Impure functions in javascript
- Is Javascript a Functional Programming Language?
- What's the Difference Between Class and Prototypal Inheritance?
- Javascript, Pass by Value or Pass by Reference?
- What is 'this' keyword in JavaScript?
- How Does Function Hoisting Work in JavaScript?
- What do mean by NULL in Javascript?
- What does the delete operator do in JavaScript?
- What is the Infinity property used for in Javascript?
- Event bubbling and Event Capturing in JavScript?
- What is "strict mode" and how is it used in JavaScript?
- What is the difference between .call() and .apply()?
- Entire content of a JavaScript source file in a function block?
- What is an immediately-invoked function expression?
- What is escape & unescape String functions in JavaScript?
- What is the instanceof operator in JavaScript?
- What Are RESTful (REpresentational State Transfer)Web Services?
- What is Unobtrusive JavaScript & Why it's Important?
- What Does JavaScript Void(0) Mean?
- What are JavaScript Cookies?
- Difference between Client side JavaScript and Server side JavaScript
- TypeError: document.getelementbyid(...) is null
- Uncaught TypeError: Cannot read property of undefined In JavaScript
- What's the difference between Null and Undefined?