>  기사  >  웹 프론트엔드  >  JavaScript에서 생성자를 사용하는 방법

JavaScript에서 생성자를 사용하는 방법

清浅
清浅원래의
2018-11-23 11:43:173064검색

이 글은 JavaScript의 생성자에 대한 지식을 공유하며 특정 참조 값을 포함합니다. 모든 분들의 학습에 도움이 되길 바랍니다.

생성자는 사실 일반 함수인데 이름을 지을 때 첫 글자를 대문자로 써야 하고, 생성자 호출 시 new 키워드로 인스턴스화하는 것에 주의해야 한다. 처음에는 비어 있고, 마지막에는 채워진 공간을 반환합니다. 이에 대해서는 기사에서 자세히 소개하겠습니다.

생성자 생성

이것은 처음에 null을 생성하고 끝에서 채워진 null을 반환합니다 #🎜 🎜#

function Student(name age){
this.name=name;
this.age=age;
}
var student=new Student("张三","18");
var student1=new Student("李四","19");

Image 5.jpg

Student()가 함수를 실행할 때 다음 단계가 수행됩니다.

(1) 새 빈 항목 만들기 및 할당 이에 이의를 제기합니다.

(2) 함수 본문 실행. 일반적으로 이를 수정하여 새 속성을 추가합니다.

(3) 이 반환 값입니다.

마찬가지로 더 많은 학생을 생성하려면 new Student()를 호출하면 됩니다. 매번 방법은 간단하고 읽기 쉽습니다.

생성자의 주요 목적은 재사용 가능한 객체 생성 코드를 구현하는 것입니다.

Constructor return

일반적으로 생성자에는 return 문이 없습니다. 생성자의 임무는 원하는 것을 작성하는 것입니다. 이에 필요하고 자동으로 결과를 생성합니다.

하지만 return이 있으면 아주 간단해집니다. 예를 들어 object를 사용하여 return을 호출하면 이것을 반환하지 않습니다. 즉, return 객체가 객체를 반환하고 this가 반환됩니다. 다른 모든 상황#🎜 🎜#

예를 들어 return은 객체를 반환하여 이를 재정의합니다

function Student() {
 this.name = "张三";
 return { name: "李四" };  //return 一个对象
 }
 console.log( new Student().name );

객체가 반환되기 때문에 this의 값 대신 return의 값이 반환됩니다#🎜 🎜## 🎜🎜#

하지만 null 값을 반환하면 반환되는 값은 이 값입니다

<script>
function Student() {
 this.name = "张三";
 return;  //return 一个空对象
 }
console.log(new Student().name ); 
</script>
Image 1.jpg

#🎜 🎜#

생성자의 메서드Image 2.jpg

생성자는 속성뿐만 아니라 메서드도 추가할 수 있으므로 생성자를 더욱 유연하게 만들 수 있습니다. object

<script>
function Student(name) {
 this.name = name;
 this.friend=function(){
 console.log("this my friend:"+this.name);
 };
}
var student=new Student("张三");
student.friend();
</script>

Summary: 위의 내용은 모든 사람이 생성자를 배우는 데 도움이 되기를 바랍니다.

Image 3.jpg

위 내용은 JavaScript에서 생성자를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.