[error] Javascript TypeError undefined type="module" 엄격 모드

function user() {
  this.firstName = 'crab'
  this.lastName = 'sea'
  return {
    firstName: 'PenPineapple',
    lastName: 'ApplePen',
    getFullName: () => {
      return `${this.firstName} ${this.lastName}`
    }
  }
}
const u = user()
console.log(u.getFullName())

이 코드에서 TypeError가 났다.

firstName이 undefined이어서 못찾는다는..!

<script type="module" defer src="main.js"></script>

html에서 자바스크립트에 연결한 type="module" 때문이었다. 

type="module"을 적용하면 엄격모드로 실행 된다.

 

[참고]

https://ko.javascript.info/modules-intro

모듈 소개

 

 

해결 방법

1. type="module"을 삭제한다.

2. const u = user() 앞에 new를 붙인다.

const u = new user()