JavaScript 고급 장: 클로저, 시뮬레이션 클래스, 상속(5)

JavaScript 고급 장: 클로저, 시뮬레이션 클래스, 상속(5)_javascript 기술

WBOY

풀어 주다： 2016-05-16 17:54:33

원래의

1152명이 탐색했습니다.

1. JavaScript의 클로저
1. 먼저 함수의 범위가 무엇인지 이해해 봅시다.

2. 객체 호출

조합 예:

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

 
 function display(something) 
{ 
functionexecuteDisplay1() 
{ 
document.write("나는 상사의 인쇄를 돕고 있습니다:" Something "
");//something 외부 함수를 참조하는 매개변수 
} 
executeDisplay1();//함수 표시는 내부 함수를 참조합니다. 
} 
display("sorry");//실행 후 다음에 의해 재활용됩니다. 가비지 컬렉터 

3. 클로저 형성

예시 1,

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

 
 var obj = {};//전역 객체 
function buyHouse(price,area) 
{ 
return function(){return "지불하려는 가격:" 가격*area;} // 내부 함수를 반환값으로 넣습니다 
} 
obj.people = buyHouse(12000,80); //obj 객체의 people 속성에 내부 함수의 참조를 저장합니다. 
//이것은 간단한 표현식인 클로저를 형성합니다. 반환된 값을 사용하든 객체의 속성에 저장하든 상관없이 중첩 함수의 참조를 전역 범위에 저장합니다. 
document.write(obj.people() "
") 

예제 2,

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

 
function add() 
{ 
var number = 0 
return function(){return number;} ;// 
} 
var num = add();//이제 4개의 참조가 있습니다. 맞죠? 첫 번째는 전역적으로 생성됩니다: 액세스 기능이고, 두 번째는 외부 기능을 갖습니다(여기서는 참조합니다). to Add( )는 익명 함수를 참조) 
//세 번째는 익명 함수(즉, 반환 함수는... Add의 지역 변수를 참조), 네 번째는 전역 객체( 변수 번호). 
//전역 객체에 대한 각 호출의 객체는 여전히 함수 본문에 저장되므로 지역 변수의 값이 유지됩니다. 
document.write(num()); 

//동등한 방법
num2 = (function(){var number = 0;return function(){return number;}}) () ;//전역 객체 
document.write(num2())에 직접 할당된 익명 함수 

예제 3, 개인 속성 구현

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

 
//클로저를 사용하여 개인 속성 구현
function createProperty(o,propertyname,check) 
{ 
var value; 
o["get" propertyname] = function(){return value;};//객체의 속성에 익명 함수 본문 반환
o["set" propertyname ] = function(v){if(check && !check)//매개변수의 적법성 확인 throw("매개변수가 올바르지 않습니다!") 
else value = v };//익명 함수 본문 반환; 개체의 속성 
} 
var o = {} 
createProperty(o,"Age",function(x){return typeof x == "number";});//An 검증 작업을 수행하고 숫자가 아닌 경우 false를 반환하는 익명 함수 
o.setAge(22); //객체 속성 사용 
document.write(o.getAge()); 
//사실 함수는 전역 객체의 속성에 저장되어 있습니다. 

 

2. JavaScript의 클래스
몇 가지 기본 용어부터 시작해 보겠습니다.
1. 프로토타입

사실 객체의 프로토타입은 생성자의 프로토타입 값입니다. 함수가 생성되면 자동으로 생성되고 초기화됩니다. 값은 객체입니다. 이 객체에는 프로토타입과 관련된 생성자를 다시 가리키는 생성자라는 속성이 있습니다.

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

 
function PeopleHope(money,house) 
{ 
this.money = 돈 
this.house = house; 
} 
PeopleHope.prototype.hope = function( ){document.write("나는 돈과 집을 소유하고 싶습니다");};//이것은 생성자에 의해 객체의 속성으로 초기화될 프로토타입입니다. 
for(var p in PeopleHope.prototype) 
{ 
document.write("프로토타입이 나왔습니다! t " p "
");//출력: 프로토타입이 나왔습니다. !희망 
} 

2. 시뮬레이션 클래스

사실 Javascript에서 "클래스"는 함수일 뿐입니다. 그냥 코드로 뛰어들어보세요!

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

 
function PeopleHope(money,house) 
{ 
this.money = 돈; 
this.house = house; 
PeopleHope.VERSION = 0.1//클래스 속성
PeopleHope.createLive = function(){document.write(" 파티의 리더십에서 다음으로 우리의 삶은 매우 좋습니다! ");}//클래스 메소드는 클래스에 대한 직접 참조여야 합니다 
} 

3. 클래스 상속

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

 
function CreateClass(이름,버전) 
{ 
this.name = name; //초기화 객체 속성
this.version= version; 
CreateClass.AUTHOR = "Frank";//클래스 속성
CreateClass.SellHouse = function(){document.write ("우리는 최고의 부동산 회사 Vanke입니다") ;};//클래스 메서드 
CreateClass.prototype.Company = "vanke" 
CreateClass.prototype.HousePrice = function(){document.write(" 다메이샤 꼭대기에 있는 고급 주택이 5,000만 달러에 팔렸습니다! ");}; 
//프로토타입, 사실 이쯤 되면 이 프로토타입과 클래스 방식의 차이점이 무엇인지 궁금하실 겁니다. ? 
//실제로: 예를 들어 var o = new CreateClass("COFCO Real Estate", "Phase 1")는 CreateClass 함수에서 o이고 함께 
//o.name = "입니다. COFCO 부동산" ";o.version = "문제 1";여기! 
//프로토타입이 실제로 하는 일은 '반역자'라고 생각하시면 됩니다. o 객체를 생성하면 프로토타입은 생성자에게 초기화를 함께 없애라고 지시합니다. 물건이나 재산. 
} 
function House(name,version,city) 
{ 
CreateClass.apply(this,[name,version]);//상속 생성자 
this.city = city; 🎜>House.prototype.housename = "Peninsula Garden"; 
} 
House.prototype = new CreateClass("COFCO Real Estate", "Phase II");//new를 통해 CeateClass 속성을 가져옵니다. 프로토타입 객체 
//함수의 프로토타입 속성 인쇄
function displayPrototype(c) 
{ 
for(var x in c.prototype) 
{ 
document.write(x "
"); 
} 
} 
displayPrototype(House);//출력: HousePrice 회사 이름 버전 
//프로토타입이 아닌 객체 삭제 
delete House .prototype.name; //삭제 
delete House.prototype.version; //삭제 
displayPrototype(House); //출력: HousePrice Company 
new House("Peninsula Garden"," 3단계"," West pull Teeth"); 
for(var t in Customers) 
{ 
if(typeofcustomers[t] == ​​​​"function")// function 
{ 
customers[ t]();//실행
continue;//이 시간을 반환하고 다음 주기로 진행
} 
document.write(t ":t" 고객[t] "
 "); 
// 출력 집 이름: Peninsula Garden 회사: vanke 다메이샤 꼭대기에 있는 저택이 베스트 셀러 가격인 5천만 위안에 판매되었습니다! 이름: 반도 정원 버전: 3단계 도시: Xijia 
//상속이 실현됩니다. 프로토타입을 통해. 

 
요약: 이 글을 여기서 공유하겠습니다. 원래 공유할 네임스페이스가 있어서 여기서는 자바스크립트 구문을 공유하겠습니다! 

다음번에는 자바스크립트 클라이언트 프로그래밍과 Jquery 같은 고급 애플리케이션을 공유하겠습니다.