ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Setters
    Study/JavaScript 2020. 5. 7. 21:39

    Setters

    Along with getter methods, we can also create setter methods which reassign values of existing properties within an object. Let’s see an example of a setter method:

     

    const person = { 
    	_age: 37, 
        set age(newAge){ 
        	if (typeof newAge === 'number'){
            	this._age = newAge; 
            } else { 
            	console.log('You must assign a number to age'); 
            } 
         } 
    };

     

     

    Notice that in the example above:

    • We can perform a check for what value is being assigned to this._age.
    • When we use the setter method, only values that are numbers will reassign this._age
    • There are different outputs depending on what values are used to reassign this._age.

    Then to use the setter method:

     

    person.age = 40; 
    console.log(person._age); // Logs: 40 
    person.age = '40'; // Logs: You must assign a number to age

     

    Setter methods like age do not need to be called with a set of parentheses. Syntactically, it looks like we’re reassigning the value of a property.

    Like getter methods, there are similar advantages to using setter methods that include checking input, performing actions on properties, and displaying a clear intention for how the object is supposed to be used. Nonetheless, even with a setter method, it is still possible to directly reassign properties. For example, in the example above, we can still set ._age directly:

     

    person._age = 'forty-five' 
    console.log(person._age); // Prints forty-five
    
    

    'Study > JavaScript' 카테고리의 다른 글

    Method Calls  (0) 2020.05.08
    Object.keys()  (0) 2020.05.08
    getter와 setter 차이점  (0) 2020.05.07
    Getters  (0) 2020.05.06
    Array.prototype.every()  (0) 2020.05.06

    댓글

Designed by Tistory.