1. 생성자 방법
이것은 고전적인 방법이자 교과서에서 가르쳐야 하는 방법입니다. 생성자를 사용하여 "클래스"를 시뮬레이션하고 내부적으로 this 키워드를 사용하여 인스턴스 개체를 참조합니다.
function Cat() { this.name = "大毛"; }
인스턴스를 생성할 때 new 키워드를 사용합니다.
var cat1 = new Cat(); alert(cat1.name); // 大毛
클래스의 속성과 메서드는 생성자의 프로토타입 개체에서도 정의할 수 있습니다.
Cat.prototype.makeSound = function(){ alert("喵喵喵"); }
이 방법에 대한 자세한 소개는 제가 쓴 "Javascript 객체 지향 프로그래밍" 시리즈 기사를 참조하세요. 여기서는 자세히 다루지 않겠습니다. 가장 큰 단점은 상대적으로 복잡하고, 이것과 프로토타입을 사용하며, 쓰고 읽는 데 매우 힘들다는 것입니다.
2.Object.create() 메서드
"생성자 메서드"의 단점을 해결하고 보다 편리하게 객체를 생성하기 위해 Javascript의 국제 표준인 ECMAScript 5판(현재 3판이 인기 있음)에서 제안되었습니다. 새로운 메소드 Object.create().
이 방법을 사용하면 "클래스"는 함수가 아니라 객체입니다.
var Cat = { name: "大毛", makeSound: function(){ alert("喵喵喵"); } };
그런 다음 New를 사용하지 않고 Object.create()를 직접 사용하여 인스턴스를 생성합니다.
var cat1 = Object.create(Cat); alert(cat1.name); // 大毛 cat1.makeSound(); // 喵喵喵
현재 모든 주요 브라우저(IE9 포함)의 최신 버전에서는 이 방법을 배포했습니다. 오래된 브라우저를 사용하는 경우 다음 코드를 사용하여 직접 배포할 수 있습니다.
if (!Object.create) { Object.create = function (o) { function F() {} F.prototype = o; return new F(); }; }
이 방법은 "생성자 방법"보다 간단하지만 전용 속성과 전용 메서드를 구현할 수 없고 인스턴스 개체 간에 데이터를 공유할 수 없으며 "클래스" 시뮬레이션이 충분히 포괄적이지 않습니다.
3. 미니멀리스트 접근 방식
네덜란드 프로그래머 Gabor de Mooij는 Object.create()보다 나은 새로운 메서드를 제안했습니다. 그는 이 메서드를 "미니멀리스트 접근 방식"이라고 불렀습니다. 제가 추천하는 방법이기도 합니다.
3.1 Encapsulation
이 방법은 this와 프로토타입을 사용하지 않으며 코드 배포도 매우 간단합니다. 이것이 바로 "미니멀리스트 방법"이라고 불리는 이유일 것입니다.
우선 "클래스"를 시뮬레이션하기 위해 객체를 사용하기도 합니다. 이 클래스에서 생성자 createNew()를 정의하여 인스턴스를 생성합니다.
var Cat = { createNew: function(){ // some code here } };
그런 다음 createNew()에서 인스턴스 객체를 정의하고 이 인스턴스 객체를 반환 값으로 사용합니다.
var Cat = { createNew: function(){ var cat = {}; cat.name = "大毛"; cat.makeSound = function(){ alert("喵喵喵"); }; return cat; } };
사용 시 createNew() 메서드를 호출하여 인스턴스 객체를 가져옵니다.
var cat1 = Cat.createNew(); cat1.makeSound(); // 喵喵喵
이 방법의 장점은 이해하기 쉽고, 명확하고 우아한 구조를 가지며, 전통적인 "객체 지향 프로그래밍" 구조를 준수하므로 다음 기능을 쉽게 배포할 수 있다는 것입니다.
3.2 상속
한 클래스가 다른 클래스를 상속받게 하는 것은 매우 편리합니다. 전자의 createNew() 메서드에서 후자의 createNew() 메서드를 호출하면 됩니다.
먼저 Animal 클래스를 정의합니다.
var Animal = { createNew: function(){ var animal = {}; animal.sleep = function(){ alert("睡懒觉"); }; return animal; } };
그런 다음 Cat의 createNew() 메서드에서 Animal의 createNew() 메서드를 호출합니다.
var Cat = { createNew: function(){ var cat = Animal.createNew(); cat.name = "大毛"; cat.makeSound = function(){ alert("喵喵喵"); }; return cat; } };
이 방법으로 얻은 Cat 인스턴스는 Cat 클래스와 Animal 클래스를 모두 상속합니다.
var cat1 = Cat.createNew(); cat1.sleep(); // 睡懒觉
3.3 프라이빗 속성과 프라이빗 메서드
createNew() 메서드에서는 메서드와 속성이 cat 객체에 정의되지 않은 한 프라이빗입니다.
var Cat = { createNew: function(){ var cat = {}; var sound = "喵喵喵"; cat.makeSound = function(){ alert(sound); }; return cat; } };
위 예제의 내부 변수 sound는 외부에서 읽을 수 없습니다. cat의 공용 메소드 makeSound()를 통해서만 읽을 수 있습니다.
var cat1 = Cat.createNew(); alert(cat1.sound); // undefined
3.4 데이터 공유
때로는 동일한 내부 데이터를 읽고 쓸 수 있으려면 모든 인스턴스 개체가 필요합니다. 이때 내부 데이터를 클래스 객체 내부와 createNew() 메소드 외부에 캡슐화하면 됩니다.
var Cat = { sound : "喵喵喵", createNew: function(){ var cat = {}; cat.makeSound = function(){ alert(Cat.sound); }; cat.changeSound = function(x){ Cat.sound = x; }; return cat; } };
그러면 두 개의 인스턴스 객체가 생성됩니다:
var cat1 = Cat.createNew(); var cat2 = Cat.createNew(); cat1.makeSound(); // 喵喵喵
이때, 한 인스턴스 객체가 공유 데이터를 수정하면 다른 인스턴스 객체도 영향을 받습니다.
위 내용은 JavaScript의 클래스 및 객체에 대한 간략한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
