[함수] this

HeuiEun Choi·2023년 1월 25일
0

javascript

목록 보기
34/39
post-custom-banner

:this

  • 일반 함수의 this는 호출 위치에서의 정의
  • 화살표 함수의 this는 자신이 선언된 함수(렉시컬) 범위에서 정의

const user = {
	firstName : 'Heropy',
  	lastName : 'Park',
  	age : 85,
  	getFullName : function () {
      // user 객체의 = this
      // 호출된 위치에서 정의 
    	return `${this.firstName} {this.lastName}`
    }
  	getFullNameV2 = () => `${this.firstName} {this.lastName}`
}
  console.log(user.getFullName()); //
  console.log(user.getFullNameV2()); //undefined

	

function user () {
  this.firstName = 'Neo',
  this.lastName = 'Anderson'
  return {
    firstName : 'Heropy',
  	lastName : 'Park',
  	age : 85,
  	getFullName = () => `${this.firstName} ${this.lastName}`
  }
}

: arrow function으로 사용할시에 this는 해당 함수를 커버하는 상위의 함수를 의미한다.

profile
당신을 한줄로 소개
post-custom-banner

0개의 댓글