자바스크립트에서 Object를 선언하는 방법 중 value 값으로 함수* 를 넣을 수 있다.
* 함수 => Object (객체) 안에서 생성된 함수여서 메소드라 부를수도 있을듯 하다. (관점 차이인가..)
1. Javascript 함수 선언
- 해당 fullName key 값의 value로 함수를 지정하여 사용할 수 있다.
2. 화살표 함수 선언
- ES6 버전의 화살표 함수로 value 값에 함수를 선언 할 수 있다.
- 화살표 함수로 선언 시 해당 함수의 this는 window 객체를 바라봄으로 내부에 있는 변수 사용 시 객체명.key 값을 사용해야한다.
참조 : https://www.w3schools.com/js/js_object_methods.asp
JavaScript Methods
JavaScript Object Methods Example const person = { firstName: "John", lastName: "Doe", id: 5566, fullName: function() { return this.firstName + " " + this.lastName; } }; Try it Yourself » The this Keyword In a function definition
www.w3schools.com
'리액트,자바스크립트' 카테고리의 다른 글
| 배열 (Array)를 객체(Object) 로 변환하는 방법 (0) | 2021.08.02 |
|---|---|
| react-redux (0) | 2020.07.05 |
| React-redux.md (0) | 2020.07.05 |
| React 상태관리 (Context, Redux) (0) | 2020.06.16 |
| React Hooks -1 (0) | 2020.06.05 |