집 > 기사 > 웹 프론트엔드 > 객체지향 자바스크립트 3부(캡슐화와 정보은폐)_js 객체지향

객체지향 자바스크립트 3부(캡슐화와 정보은폐)_js 객체지향

WBOY원래의: 2016-05-16 17:56:421009검색

동시에 우리는 고급 객체 지향 언어에서 전용 멤버를 포함하는 객체를 생성하는 것이 가장 기본적인 기능 중 하나이며 전용 멤버에 액세스하기 위한 속성과 메서드를 제공하면 내부 세부 정보가 숨겨진다는 것을 알고 있습니다. JS도 객체 지향적이지만 멤버가 공개인지 비공개인지 직접 나타내는 내부 메커니즘은 없습니다. 다시 말하지만, JS의 언어 유연성에 의존하여 공개, 비공개 및 권한 있는 멤버를 만들 수 있습니다. 정보 숨기기는 우리가 달성하려는 목표이며 캡슐화는 이 목표를 달성하는 방법입니다. 예를 들어 설명하겠습니다. 책 데이터를 저장하고 웹 페이지에 데이터를 표시하는 클래스를 만듭니다.

1. 가장 간단한 것은 물체를 완전히 노출시키는 것입니다. 생성자를 사용하여 외부에서 모든 속성과 메서드에 액세스할 수 있는 클래스를 만듭니다.

코드 복사 코드는 다음과 같습니다.

 
var Book = function(isbn, title, 작성자) { 
if(isbn == undefine) { 
throw new Error("책 생성자에는 isbn이 필요합니다.") 
} 
this.isbn = isbn 
this.title; = 제목 | ""; 
this.author = 저자 "" 
} 
Book.prototype.display = function() { 
return "도서: ISBN: " ",Title : " this.title ",Author: " this.author 
} 

표시 방법은 isbn이 올바른지 여부에 따라 다르며, 그렇지 않으면 가져올 수 없습니다. 이미지와 링크. 이를 염두에 두고 각 책마다 isbn이 있어야 하며 책 제목과 저자는 선택 사항입니다. 표면적으로는 isbn 매개변수만 지정하면 정상적으로 실행될 수 있는 것처럼 보입니다. 하지만 이는 isbn의 무결성을 보장할 수 없습니다. 이를 기반으로 isbn 검증을 추가하여 장부 수표를 더욱 강력하게 만들었습니다.

코드 복사 코드는 다음과 같습니다.

 
var Book = function(isbn, title, 저자) { 
if(!this.checkIsbn(isbn)) { 
throw new Error("도서: 잘못된 ISBN.") 
} 
this.isbn = isbn 
this; .title = 제목 || 
this.author = 작성자 "" 
} 
Book.prototype = { 
checkIsbn: function(isbn) { 
if(isbn == 정의되지 않음 || isbn 유형 != "string") return false 
isbn = isbn.replace("-", "") 
if(isbn.length != 10 && isbn.length != 13) false를 반환합니다. 
var sum = 0; 
if(isbn.length == 10) { 
if(!isbn.match(^d{9})) return false 
 (var i = 0;i < 9;i ) { 
sum = isbn.charAt(i) * (10 - i) 
} 
var checksum = sum % 11; (체크섬 = = 10) 체크섬 = "X"; 
if(isbn.charAt(9) != 체크섬) return false 
} else { 
if(!isbn.match(^d{12) })) return false; 
for(var i = 0;i < 12;i ) { 
sum = isbn.charAt(i) * (i % 2 == 0 ? 1 : 3); 🎜>} 
var checksum = sum % 10; 
if(isbn.charAt(12) != checksum) return false; 
} 
return true; : function( ) { 
return "도서: ISBN: " this.isbn ", 제목: " this.title ", 저자: " this.author 
} 

 
 ISBN의 유효성을 확인하고 display()가 정상적으로 작동하는지 확인하기 위해 checkIsbn()을 추가했습니다. 그러나 요구 사항이 변경되었습니다. 각 책에는 여러 버전이 있을 수 있습니다. 즉, 동일한 책에 여러 ISBN 번호가 있을 수 있으며 제어를 위해 버전을 선택하는 별도의 알고리즘이 유지되어야 합니다. 동시에, 데이터의 무결성을 확인할 수는 있지만 내부 구성원에 대한 외부 접근(예: isbn, 제목, 작성자에 값 할당)을 제어할 수 없으므로 내부 데이터를 보호할 방법이 없습니다. 우리는 이 솔루션을 지속적으로 개선하고 인터페이스 구현을 채택합니다(액세스자/메모리 설정 가져오기 제공). 

코드 복사

코드는 다음과 같습니다.

 
var Publication = new Interface("Publication", ["getIsbn", "setIsbn", "checkIsbn", "getTitle", "setTitle", "getAuthor", "setAuthor", "display"]) ; 
var Book = function(isbn, title,author) { 
// 출판 인터페이스 구현 
this.setIsbn(isbn); 
this.setTitle(제목); 
this.setAuthor(저자); 
} 
Book.prototype = { 
getIsbn: function() { 
return this.isbn; 
}, 
setIsbn: function(isbn) { 
if(!this.checkIsbn(isbn)) { 
throw new Error("Book: Invalid ISBN."); 
} 
this.isbn = isbn; 
}, 
checkIsbn: function(isbn) { 
if(isbn == 정의되지 않음 || typeof isbn != "string") return false; 
isbn = isbn.replace("-", ""); 
if(isbn.length != 10 && isbn.length != 13) return false; 
var sum = 0; 
if(isbn.length == 10) { 
if(!isbn.match(^d{9})) return false; 
for(var i = 0;i < 9;i ) { 
sum = isbn.charAt(i) * (10 - i); 
} 
var 체크섬 = 합계 % 11; 
if(체크섬 == 10) 체크섬 = "X"; 
if(isbn.charAt(9) != 체크섬) return false; 
} else { 
if(!isbn.match(^d{12})) return false; 
for(var i = 0;i < 12;i ) { 
sum = isbn.charAt(i) * (i % 2 == 0 ? 1 : 3); 
} 
var 체크섬 = 합계 % 10; 
if(isbn.charAt(12) != 체크섬) return false; 
} 
true를 반환합니다. 
}, 
getTitle: function() { 
return this.title; 
}, 
setTitle: function(title) { 
this.title = title || ""; 
}, 
getAuthor: function() { 
return this.author; 
}, 
setAuthor: 함수(작성자) { 
this.author = 작성자 || ""; 
}, 
display: function() { 
return "도서: ISBN: " this.isbn ",Title: " this.title ", 저자: " this.author; 
} 
}; 

출판은 외부에서 진행됩니다.证，看似不常完美的完全暴露对象方案了。虽然能过set存储器来设置属性, 但这些属性仍然是公有，可以直接赋值。但此方案到此已经无能为power了，我会尽管如此，此方案对于那些没有深刻理解易上手.唯一的不足是不能保护内part数据且存储器增加了多余的必要代码。
2. 使用命name规则的私有限赋值，本质上与完全暴露对象是一样赋值操작성 ，却依然不能避免有의미对私有成员进行设置。信息隐藏的完美方案。

复主代码代码如下:

 
var Publication = new Interface("Publication", ["getIsbn", "setIsbn", "getTitle" , "setTitle", "getAuthor", "setAuthor", "display"]); 
var Book = function(isbn, title,author) { 
// 출판 인터페이스 구현 
this.setIsbn(isbn); 
this.setTitle(제목); 
this.setAuthor(저자); 
} 
Book.prototype = { 
getIsbn: function() { 
return this._isbn; 
}, 
setIsbn: function(isbn) { 
if(!this._checkIsbn(isbn)) { 
throw new Error("Book: Invalid ISBN."); 
} 
this._isbn = isbn; 
}, 
_checkIsbn: function(isbn) { 
if(isbn == 정의되지 않음 || typeof isbn != "string") return false; 
isbn = isbn.replace("-", ""); 
if(isbn.length != 10 && isbn.length != 13) return false; 
var sum = 0; 
if(isbn.length == 10) { 
if(!isbn.match(^d{9})) return false; 
for(var i = 0;i < 9;i ) { 
sum = isbn.charAt(i) * (10 - i); 
} 
var 체크섬 = 합계 % 11; 
if(체크섬 == 10) 체크섬 = "X"; 
if(isbn.charAt(9) != 체크섬) return false; 
} else { 
if(!isbn.match(^d{12})) return false; 
for(var i = 0;i < 12;i ) { 
sum = isbn.charAt(i) * (i % 2 == 0 ? 1 : 3); 
} 
var 체크섬 = 합계 % 10; 
if(isbn.charAt(12) != 체크섬) return false; 
} 
true를 반환합니다. 
}, 
getTitle: function() { 
return this._title; 
}, 
setTitle: function(title) { 
this._title = title || ""; 
}, 
getAuthor: function() { 
return this._author; 
}, 
setAuthor: 함수(작성자) { 
this._author = 작성자 || ""; 
}, 
display: function() { 
return "도서: ISBN: " this.getIsbn() ",Title: " this.getTitle() ",Author: " this.getAuthor(); 
} 
}; 

참고: "_"로 비공개 멤버로 표시된 isbn, title 및 작성자 속성 외에도 checkIsbn()도 비공개 메소드로 표시됩니다.

3. 정말로 폐쇄를 통해 회원을 사유화하세요. 클로저 개념의 범위 및 중첩 함수에 익숙하지 않은 경우 "객체 지향 Javascript 중 하나(Javascript 최초 소개)" 기사를 참조할 수 있으며 여기서는 자세히 설명하지 않습니다.

코드 복사 코드는 다음과 같습니다.

 
var Publication = new Interface("Publication" , [" getIsbn", "setIsbn", "getTitle", "setTitle", "getAuthor", "setAuthor", "display"]) 
var Book = function(newIsbn, newTitle, newAuthor) { 
 // 비공개 속성 
var isbn, title, 작성자 
// 비공개 메소드 
function checkIsbn(isbn) { 
if(isbn == 정의되지 않음 || typeof isbn != "string") return false; 
isbn = isbn.replace("-", ""); 
if(isbn.length != 10 && isbn.length != 13) return false 
var sum <; 🎜>if (isbn.length == 10) { 
if(!isbn.match(^d{9})) return false 
for(var i = 0;i < 9;i ) { 
 sum = isbn.charAt(i) * (10 - i); 
} 
var checksum = sum % 11; if(checksum == 10) checksum = "X"; >if( isbn.charAt(9) != 체크섬) return false; 
} else { 
if(!isbn.match(^d{12})) return false 
for(var i = 0;i < 12;i ) { 
sum = isbn.charAt(i) * (i % 2 == 0 ? 1 : 3) 
} 
var checksum = sum % 10; 🎜>if (isbn.charAt(12) != checksum) return false; 
} 
return true; 
} 
// 사전 정의된 메소드 
this.getIsbn = function() { 
return isbn; 
}; 
this.setIsbn = function(newIsbn) { 
if(!checkIsbn(newIsbn)) { 
throw new Error("Book: Invalid ISBN."); 
 } 
isbn = newIsbn; 
} 
this.getTitle = function() { 
return title; 
}, 
this.setTitle = function(newTitle) { 
title = newTitle ""; 
}, 
this.getAuthor: function() { 
작성자 반환 
}, 
this.setAuthor: function(newAuthor) { 
author = newAuthor ""; 
} 
// 출판 인터페이스 구현 
this.setIsbn(newIsbn) 
this.setAuthor(newAuthor) ); 
} 
// 공개 메소드 
Book.prototype = { 
display: function() { 
return "도서: ISBN: " this.getIsbn() ",Title: " this.getTitle () ",Author: " this.getAuthor(); 
} 
}; 

 
이 솔루션과 이전 솔루션의 차이점은 무엇인가요? 먼저 생성자에서 var를 사용하여 세 개의 전용 멤버를 선언하고 생성자에서만 유효한 전용 메서드 checkIsbn()도 선언합니다. 권한 있는 메서드를 선언하려면 this 키워드를 사용하세요. 즉, 생성자 내부에서 선언되었지만 전용 멤버에 액세스할 수 있습니다. 전용 멤버에 액세스할 필요가 없는 모든 메서드는 Book.prototype(예: 디스플레이)에 선언됩니다. 즉, 전용 멤버에 액세스해야 하는 메서드를 권한 있는 메서드로 선언하는 것이 이 문제를 해결하는 열쇠입니다. 그러나 이 액세스에는 특정 단점도 있습니다. 예를 들어 각 인스턴스에 대해 권한 있는 메서드의 복사본을 만들어야 하며 이로 인해 필연적으로 더 많은 메모리가 필요합니다. 우리는 직면한 문제를 해결하기 위해 계속해서 정적 멤버를 최적화하고 사용합니다. 그런데 정적 멤버는 클래스에만 속하며 모든 개체는 하나의 복사본만 공유합니다("객체 지향 Javascript 2(인터페이스 구현), Interface.ensureImplements 메서드 참조" 참조). 인스턴스 메서드는 개체용입니다. 

코드 복사

코드는 다음과 같습니다.

 
var Publication = new Interface("Publication", ["getIsbn", "setIsbn", "getTitle", "setTitle", "getAuthor", "setAuthor", "display"]); 
var Book = (function() { 
// 개인 정적 속성 
var numsOfBooks = 0; 
// 개인 정적 메서드 
function checkIsbn(isbn) { 
if(isbn == 정의되지 않음 || isbn 유형 != "string") return false 
isbn = isbn.replace("-", "") 
if(isbn.length != 10 && isbn.length != 13) false를 반환합니다. 
var sum = 0; 
if(isbn.length == 10) { 
if(!isbn.match(^d{9})) return false 
 (var i = 0;i < 9;i ) { 
sum = isbn.charAt(i) * (10 - i) 
} 
var checksum = sum % 11; (체크섬 == 10) 체크섬 = "X"; 
if(isbn.charAt(9) != 체크섬) return false 
} else { 
if(!isbn.match(^d{12) })) return false; 
for(var i = 0;i < 12;i ) { 
sum = isbn.charAt(i) * (i % 2 == 0 ? 1 : 3); 🎜>} 
var checksum = sum % 10; 
if(isbn.charAt(12) != checksum) return false; 
} 
return true; return constructor 
return function(newIsbn, newTitle, newAuthor) { 
// private attribute 
var isbn, title,author 
// previleged method 
this.getIsbn = function() { 
반환 isbn; 
}; 
this.setIsbn = function(newIsbn) { 
if(!Book.checkIsbn(newIsbn)) { 
throw new Error("도서: 잘못된 ISBN."); 
} 
isbn = newIsbn; 
} 
this.getTitle = function() { 
제목 반환; 
}, 
this.setTitle = function(newTitle) { 
title = newTitle || ""; 
}, 
this.getAuthor = function() { 
작성자를 반환합니다. 
}, 
this.setAuthor = function(newAuthor) { 
author = newAuthor || ""; 
} 
Book.numsOfBooks; 
if(Book.numsOfBooks > 50) { 
throw new Error("Book: 최대 50개의 Book 인스턴스를 생성할 수 있습니다."); 
} 
// 출판 인터페이스 구현 
this.setIsbn(newIsbn); 
this.setTitle(newTitle); 
this.setAuthor(newAuthor); 
}; 
})(); 
// 공개 정적 메소드 
Book.convertToTitle = function(title) { 
return title.toUpperCase(); 
} 
// 공개 메소드 
Book.prototype = { 
display: function() { 
return "Book: ISBN: " this.getIsbn() ",Title: " this. getTitle() ",저자: " this.getAuthor(); 
} 
}; 

 
这种方案与上种噼,使用var와 this来创建私有成员와特权方法.不同地处在于使用闭包来返回构造器,并将checkI sbn声明为私有静态방법.可能有人会问，我为什么要创建私有静态方法，答案在于使所有对象公用一份函数副本而已。我们这里创建的50个实例都只有一个방법副本checkIsbn，且属于类Book。根据需要，你也可以创建公有静态방법은외부정보사용(如：convertToTitle)입니다. avascript高级编程>>最大印发weight为500， <<.NET>>最大印发weight为1000,也即说需要一个最大印发weight识思考一下, 利用已有的知识,我们如何声明声一个常?其实不难，我们想想，可以利用一个只有访问器的私有特权方法就可以实现。 

复代码

下:

 
var Publication = new Interface("Publication", ["getIsbn", "setIsbn", "getTitle", "setTitle", "getAuthor", "setAuthor", "display"]); 
var Book = (function() { 
// 개인 정적 속성 
var numsOfBooks = 0; 
// 개인 정적 상수 
var 상수 = { 
"MAX_JAVASCRIPT_NUMS": 500 , 
"MAX_NET_NUMS": 1000 
}; 
// 전용 정적 사전 메소드 
this.getMaxNums(name) { 
return Constants[name.ToUpperCase()]; if(isbn.length != 10 && isbn.length != 13) return false; 
var sum = 0; 
if(isbn.length == 10) { 
if(!isbn.match(^d{9})) return false; 
for(var i = 0;i < 9;i ) { 
sum = isbn.charAt(i) * ( 10 - i); 
} 
var checksum = sum % 11; 
if(checksum == 10) checksum = "X" 
if(isbn.charAt(9) != checksum) return false 
} else { 
if(!isbn.match(^d{12})) return false 
for(var i = 0;i < 12;i ) { 
 sum = isbn.charAt(i) * (i % 2 == 0 ? 1 : 3); 
} 
var checksum = sum % 10 
if(isbn.charAt(12) != checksum ) 거짓을 반환합니다. 
} 
true를 반환합니다. 
} 
// 반환 생성자 
return 함수(newIsbn, newTitle, newAuthor) { 
// 비공개 속성 
var isbn, title, 작성자; 
// 기본 메소드 
this.getIsbn = function() { 
return isbn; 
}; 
this.setIsbn = function(newIsbn) { 
if(!Book.checkIsbn(newIsbn)) { 
throw new Error("도서: 잘못된 ISBN."); 
} 
isbn = newIsbn; 
} 
this.getTitle = function() { 
제목 반환; 
}, 
this.setTitle = function(newTitle) { 
title = newTitle || ""; 
}, 
this.getAuthor = function() { 
작성자를 반환합니다. 
}, 
this.setAuthor = function(newAuthor) { 
author = newAuthor || ""; 
} 
Book.numsOfBooks; 
if(Book.numsOfBooks > 50) { 
throw new Error("Book: 최대 50개의 Book 인스턴스를 생성할 수 있습니다."); 
} 
// 출판 인터페이스 구현 
this.setIsbn(newIsbn); 
this.setTitle(newTitle); 
this.setAuthor(newAuthor); 
}; 
})(); 
// 공개 정적 메소드 
Book.convertToTitle = function(title) { 
return title.toUpperCase(); 
} 
// 공개 메소드 
Book.prototype = { 
display: function() { 
return "Book: ISBN: " this.getIsbn() ",Title: " this. getTitle() 
",저자: " this.getAuthor() ", 최대값: "; 
}, 
showMaxNums: function() { 
return Book.getMaxNums("MAX_JAVASCRIPT_NUMS"); 
} 
}; 

 
最完美的情况就是你所封装的程序对调user而言，仅仅需要知道你的接口就可以，根本不关心你如何实现。但问题가 재밌습니다.扩大，你的封装内容必然会增大， 에서 项目发生交接时，对于一个对작용域 and 闭包等概念熟悉的员来说，维护难島会变得如此之大。有些时候应需求响应必须改动源码(这里不好做了)，可能是new增一些细节，即使拿到你的源码却无从下手，那就不好做了。因此，我的建议：封装不要过島，接口一定要清晰，可추가 전시.

성명：

이전 기사：ASP.NET jQuery 예제 8(DropDownList에 동적으로 콘텐츠 추가)_jquery다음 기사：ASP.NET jQuery 예제 8(DropDownList에 동적으로 콘텐츠 추가)_jquery

객체지향 자바스크립트 3부(캡슐화와 정보은폐)_js 객체지향

관련 기사