팩토리 패턴:
주니어 개발자는 다음과 같이 객체를 정의할 수 있습니다.
var obj = new Object();
obj.name = "hero"
obj.showName=function (){alert( this .name);}
여기서 문제는 obj 객체를 여러 곳에서 사용하려는 경우 프로그램에서 유사한 코드를 여러 번 작성해야 할 수 있으므로 팩토리 메소드
function createObj()
{
var obj = new Object();
obj.name="hero";
obj.showName=function (){alert(this.name);}
return obj;
}
var obj1 = createObj();
var obj2 = createObj()
및 또 다른 메소드 생성자 메소드
function obj (name)
{
this.name =name;
this.showName= function (){alert(this.name);}
}
새 코드가 중복되는 것을 방지하기 위해 객체를 생성하는 코드를 캡슐화할 수도 있습니다. 개선 사항은 obj에 기본 고정 값을 할당하는 대신 createObj에 일부 매개변수를 전달하는 것입니다.
function createObj(name)
{
var obj = new Object()
obj.name=name;
obj.showName=function (){alert(this.name);}
return obj;
}
var obj1 = createObj("hero")
var o'b' j2=createObj("dby");
그러나 문제가 있습니다. 즉, createObj 함수를 호출할 때마다 새로운 함수 showName이 생성된다는 것입니다. 즉, 각 객체는 자체적인 showName 버전을 갖게 됩니다. 이 문제를 방지하려면
function showName()
{
alert(this.name)
}
function createObj(name)
{
var을 개선해야 합니다. obj = new Object();
obj.name=name;
obj.showName=showName;
return obj;
}
이렇게 하면 함수를 반복적으로 생성하는 문제가 해결됩니다.
프로토타입 방법:
주로 객체의 프로토타입 속성을 사용합니다.
function obj()
{}
obj.prototype.name="hero"; obj.prototype.showName=function()
{
alert(this.name);
}
지금은 공장보다 더 완벽해 보이지만 이 기능에는 문제가 있습니다. 생성자가 없고 프로토타입을 통해 속성이 지정됩니다. 이는 실제 응용 프로그램에서 모든 인스턴스의 속성이 동일하다는 것은 실제로 허용되지 않습니다. 예를 들어, 다음과 같은 단락을 추가하는 경우
obj.prototype.nameArray("hero","dby")
Then
obj1 = new obj(); >obj2 = new obj();
obj1.nameArray.push("lxw" );
두 객체의 nameArray가 동일한 참조를 가리키기 때문에 obj2의 nameArray에서도 이 속성을 볼 수 있습니다.
그래서 이 방법은 이상적이지 않습니다.
개선 필요
생성자를 결합하고 생성자에서 속성을 정의하고 프로토타입 정의 방법을 사용합니다.
예를 들어
fuction obj(name)
{
this.name = 이름
this.nameArray = new Array(" Hero","dby")
}
obj.prototype.showName = function(){alert(this.name) )}
모든 비함수 속성은 생성자에서 생성되고 함수 속성은 프로토타입 모드에서 Created를 사용하여 생성됩니다. obj1에서 nameArray 값을 변경해도 obj2 객체의 nameArray 값에는 영향을 미치지 않으며 showName은 하나만 있습니다. 기능이 있어서 메모리 낭비가 없습니다.
기본적으로 완벽하고, 나머지는 기본적으로 다른 것입니다. 관심이 있으시면 직접 변경하여 가지고 놀 수 있습니다.
저자가 여기에 싱글톤을 추가했습니다. :
함수 obj(이름)
{
this.name = name;
this.nameArray=new Array("hero","dby")
if(typeof obj._initialized =='정의되지 않음')
{
obj.prototype.showName=function(){ 경고(this.name);}
obj._initialized="true"
}
}
실제로는 싱글톤이 아닙니다. 단지 객체를 구성할 때 속성이 정의되어 있는지 먼저 확인하고 속성이 정의되어 있으면 프로토타입 메서드를 사용하여 객체를 계속 정의하는 것입니다. 정의가 완료되면 함수는 다시 정의되지 않습니다. 프로토타입 메서드는 한 번만 생성되고 할당됩니다.
다시 거의 완벽해졌고
이것은 제 개인적인 이해입니다. 모든 사람에게 도움이 되기를 바랍니다. 불완전한 부분이 있으면 QQ에 연락하여 제때에 수정해 주세요.
완전한 예는 다음과 같습니다.
function Rectangle(name,color,width,heigth){
this.name=name;
this.color=color
this.width= width; ;
this.heigth=heigth;
}
Rectangle.prototype.area=function(){
return this.width*this.heigth
}
Rectangle.prototype. =function(){
document.write(this.name " " this.color " " this.width " " this.heigth "
")
document.write(this.area() ) ;
}
var obj1= new Rectangle("직사각형","red",15,20)
obj1.show();

去掉重复并排序的方法: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를 무료로 생성하십시오.

인기 기사

뜨거운 도구

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

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
