* fix: consolidate/remove comments * fix: remove => from comment * fix: reverted changes to add same changes to another PR * fix: removed 'the' from sentence Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * fix: removed 'the' from the sentence Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
		
			
				
	
	
		
			103 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			103 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | |
| id: 598f48a36c8c40764b4e52b3
 | |
| title: Prevent Object Mutation
 | |
| challengeType: 1
 | |
| forumTopicId: 301207
 | |
| ---
 | |
| 
 | |
| ## Description
 | |
| <section id='description'>
 | |
| As seen in the previous challenge, <code>const</code> declaration alone doesn't really protect your data from mutation. To ensure your data doesn't change, JavaScript provides a function <code>Object.freeze</code> to prevent data mutation.
 | |
| Once the object is frozen, you can no longer add, update, or delete properties from it. Any attempt at changing the object will be rejected without an error.
 | |
| 
 | |
| ```js
 | |
| let obj = {
 | |
|   name:"FreeCodeCamp",
 | |
|   review:"Awesome"
 | |
| };
 | |
| Object.freeze(obj);
 | |
| obj.review = "bad"; // will be ignored. Mutation not allowed
 | |
| obj.newProp = "Test"; // will be ignored. Mutation not allowed
 | |
| console.log(obj); 
 | |
| // { name: "FreeCodeCamp", review:"Awesome"}
 | |
| ```
 | |
| 
 | |
| </section>
 | |
| 
 | |
| ## Instructions
 | |
| <section id='instructions'>
 | |
| In this challenge you are going to use <code>Object.freeze</code> to prevent mathematical constants from changing. You need to freeze the <code>MATH_CONSTANTS</code> object so that no one is able to alter the value of <code>PI</code>, add, or delete properties.
 | |
| </section>
 | |
| 
 | |
| ## Tests
 | |
| <section id='tests'>
 | |
| 
 | |
| ```yml
 | |
| tests:
 | |
|   - text: You should not replace <code>const</code> keyword.
 | |
|     testString: getUserInput => assert(getUserInput('index').match(/const/g));
 | |
|   - text: <code>MATH_CONSTANTS</code> should be a constant variable (by using <code>const</code>).
 | |
|     testString: getUserInput => assert(getUserInput('index').match(/const\s+MATH_CONSTANTS/g));
 | |
|   - text: You should not change original <code>MATH_CONSTANTS</code>.
 | |
|     testString: getUserInput => assert(getUserInput('index').match(/const\s+MATH_CONSTANTS\s+=\s+{\s+PI:\s+3.14\s+};/g));
 | |
|   - text: <code>PI</code> should equal <code>3.14</code>.
 | |
|     testString: assert(PI === 3.14);
 | |
| 
 | |
| ```
 | |
| 
 | |
| </section>
 | |
| 
 | |
| ## Challenge Seed
 | |
| <section id='challengeSeed'>
 | |
| 
 | |
| <div id='js-seed'>
 | |
| 
 | |
| ```js
 | |
| function freezeObj() {
 | |
|   'use strict';
 | |
|   const MATH_CONSTANTS = {
 | |
|     PI: 3.14
 | |
|   };
 | |
|   // Only change code below this line
 | |
| 
 | |
| 
 | |
|   // Only change code above this line
 | |
|   try {
 | |
|     MATH_CONSTANTS.PI = 99;
 | |
|   } catch(ex) {
 | |
|     console.log(ex);
 | |
|   }
 | |
|   return MATH_CONSTANTS.PI;
 | |
| }
 | |
| const PI = freezeObj();
 | |
| ```
 | |
| 
 | |
| </div>
 | |
| 
 | |
| 
 | |
| 
 | |
| </section>
 | |
| 
 | |
| ## Solution
 | |
| <section id='solution'>
 | |
| 
 | |
| ```js
 | |
| function freezeObj() {
 | |
|   'use strict';
 | |
|   const MATH_CONSTANTS = {
 | |
|     PI: 3.14
 | |
|   };
 | |
|   Object.freeze(MATH_CONSTANTS);
 | |
| 
 | |
|   try {
 | |
|     MATH_CONSTANTS.PI = 99;
 | |
|   } catch(ex) {
 | |
|     console.log(ex);
 | |
|   }
 | |
|   return MATH_CONSTANTS.PI;
 | |
| }
 | |
| const PI = freezeObj();
 | |
| ```
 | |
| 
 | |
| </section>
 |