본문 바로가기

내마음대로만들어보자/JS83

사용자 정의 객체 생성자 함수 - new 연산자를 사용한 생성자 인스턴스 생성 생성자 함수는 기본적으로 미리 설정된 객체를 만들도록 되어 있는 템플릿과 같다. 사용자가 new 연산자와 함께 String() 함수를 사용하면 new String('foo') 템플릿 기반으로 한 문자열 인스턴스가 만들어진다. 자세한 내용은 아래 예제를 통해 배워보자. 위 코드에서 String() 생성자 함수의 인스턴스인 문자열 객체를 만들었다. 마찬가지로 9개의 미리 정의된 네이티브 생성자 함수와 new 연산자를 함께 사용하면 객체의 인스턴스를 얻을 수 있다. 네이티브 생성자 함수를 사용해 객체 인스턴스를 만드는 방법 ( new String('foo') 사용자 정의 생성자 함수를 사용해 객체 인스턴스를 만드는 방법( new Person(true, 33. 'male') 에 대해서 이해하고 넘어가자. 2021. 9. 26.
사용자 정의 객체 생성자 함수 - Person() Person() 생성자 함수 예제 Person() 생성자 함수를 실행할 때 고유한 매개변수를 전달하면 여러 개의 고유한 사람 객체를 손쉽게 만들 수 있다! 같은 속성을 사용해야 하지만 이 기능은 속성의 값은 다르게 사용하는 객체를 둘 또는 셋이상 만들어야할때 편리하다! ※ 참고사항 1) new 연산자와 함께 사용한 자신만의 생성자 함수를 둘때에는 첫 문자를 대문자로 하는것이 좋다. new Person() 2) 생성자 함수를 new키워드와 함께 사용하면 생성자 함수 내부에서 정의된 속성과 값을 가지는 개체를 만들어 낸다. new 키워드를 사용하지 않고 생성자 함수를 사용하면 이때의 this는 생성자 함수가 포함된 "부모"객체를 참조한다. 3) 함수가 객체를 반환하도록 하여 new 키워드를 사용하지 않거나 .. 2021. 9. 26.
자바스크립트 네이티브 / 내장 객체 생성자 자바스크립트에는 9개의 네이티브 객체 생성자가 포함되어 있다. Number() String() Boolean() Object() Array() Function() Date() RegExp() Error() 자바스크립트는 이러한 객체를 사용해 언어를 구성한다. "구성하다(construct)"라는 말은 이러한 객체들이 자바스크립트 코드에서 객체값을 표현하기 위해 사용되었고 자바스크립트의 여러 기능도 조화롭게 이루고 있다는 뜻이다. 예를들어, 함수는 Function() 생성자로부터 만들어지는 객체이지만, new 키워드와 함께 사욯아면 생성자가 되어 다른 객체를 만드는데 사용할 수있다. 객체 생성자들은 객체를 생성하는것은 물론 자바스크립트 언어의 프로그램 규칙도 가능하게 한다. 2021. 9. 26.
자바스크립트 생성자 - 객체 인스턴스 생성 & 반환 생성자 함수의 역할은 → 같은 값과 동작을 공유하는 객체를 여러개 만드는데 있다! 예를들어, new String('foo') 와 같이 new 키워드를 사용하면 자바스크립트가 생성자 함수 내에 있는 this의 값을 새로 만들어진 객체로 설정함으로써 생성자 함수는 특수한 동작을 수행하게된다. 특수한 동작을 한 생성자 함수는 기본값인 거짓스러운값(null, 0,undefined, 빈문자열 등) 이 아닌 새로 만든 객체(즉, this 값)를 반환한다. 이때 새 객체는 생성자 함수의 인스턴스 라고 부른다. * 예제 //Person은 생성자 함수이며, new 키워드와 함께 사용하도록 만들어졌다. var Person = function Person(living, age, gender){ /* 아래에서 this는 새롭.. 2021. 9. 1.

티스토리툴바