이 글의 내용은 js로 객체를 생성하고 인스턴스화하는 세 가지 방법을 누구나 이해할 수 있도록 JavaScript에서 객체를 생성하는 방법을 소개하는 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
구문 측면에서 JavaScript는 유연한 객체 지향 언어입니다. JavaScript가 객체를 생성하고 인스턴스화하는 다양한 방법을 다루기 전에 JavaScript는 클래스 없는 언어이며 함수는 클래스를 시뮬레이션하는 방식으로 사용된다는 점에 유의해야 합니다. [추천 관련 비디오 튜토리얼: JavaScript 튜토리얼]
함수를 클래스로 사용하기:
이것은 JavaScript에서 객체를 생성하고 인스턴스화하는 가장 간단한 방법 중 하나입니다. 우리는 고전적인 JavaScript 함수를 정의하고 new 키워드를 사용하여 함수의 객체를 만든 다음 this 키워드를 사용하여 함수의 속성과 메서드를 만듭니다.
<script> // 作为一个类的功能。 function copyClass(name, age) { this.name = name; this.age = age; this.printInfo = function() { console.log(this.name); console.log(this.age); } } // 创建copyClass的对象 // 初始化参数 var obj = new copyClass("Vineet", 20); //调用copyClass对象的方法 obj.printInfo(); </script>
실행 결과:
설명:
클래스에는 특정 매개변수와 소수의 멤버 함수라는 두 가지 주요 구성요소가 있습니다. 이 메소드에서는 name과 age라는 두 개의 매개변수를 사용하는 클래스와 유사한 함수를 선언합니다(이 키워드는 제공된 매개변수의 이름 및 age와 클래스의 이름 및 age를 구별하는 데 사용됩니다). 이 매개변수의 값. 그런 다음 단순히 copyClass 객체 obj를 생성하고 초기화하고 해당 메서드를 호출합니다.
객체 리터럴 사용:
리터럴은 객체를 정의하는 더 작고 간단한 방법입니다.
아래에서는 개체 텍스트를 사용하여 이전 개체와 정확히 동일한 개체를 만들고 인스턴스화합니다.
<script> // 创建对象 var obj = { name : "", age : "", printInfo : function() { console.log(this.name); console.log(this.age); } } // 初始化参数 obj.name = "小明"; obj.age = 19; // 使用对象的方法 obj.printInfo(); </script>
실행 결과:
설명:
이 방법은 실제로 이전 방법과 동일하게 작동하지만 매개변수(이름 및 나이)와 방법(printInfo)을 바인딩하는 대신 개체 자체에 개체를 초기화하고 간단히 메서드를 사용할 수 있습니다.
싱글톤 함수 사용:
세 번째 방법은 우리가 이미 본 다른 두 가지 방법을 조합한 것입니다. 함수를 사용하여 개별 개체를 정의할 수 있습니다.
<script> // 创建单个对象 var obj = new function() { this.name = ""; this.age = ""; this.printInfo = function() { console.log(this.name); console.log(this.age); }; } // 初始化对象 obj.name = "小明"; obj.age = 20; // 对象的调用方法 obj.printInfo(); </script>
실행 결과:
설명:
이것은 처음 두 메소드의 조합입니다. 메소드와 매개변수를 함수에 바인딩하지만 별도의 함수를 선언하지는 않습니다(메서드와 마찬가지로). )에 1개의 copyClass가 있습니다. 대신 함수 구조를 사용하여 객체를 선언하기만 하면 됩니다.
요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.
위 내용은 JavaScript는 어떻게 객체를 생성하나요? 객체를 인스턴스화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!