> 웹 프론트엔드 > JS 튜토리얼 > 참조 유형 개체 사용을 위한 '3단계'

참조 유형 개체 사용을 위한 '3단계'

巴扎黑
풀어 주다: 2016-11-25 10:25:11
원래의
1245명이 탐색했습니다.

참조 유형:

참조 유형은 일반적으로 클래스라고 합니다. 즉, 참조 값이 발견되면 객체가 처리됩니다.

JavaScript에 내장된 객체(String, Array, Number 및 Object)는 모두 참조 유형입니다. 사용자가 생성한 객체는 실제로 이러한 유형의 인스턴스로 JavaScript 객체 지향 프로그래밍을 지원합니다. '클래스'에 해당하는 로직이 나타납니다.

참조 유형은 생성자, 메서드 정의, 속성의 세 부분으로 구성됩니다.

객체지향 방식으로 작성된 매장 정산 및 계산원용 POS 기계 시스템을 예로 들어 참조 유형의 "3단계"를 이해해 보겠습니다.

첫 번째 단계는

즉, 다음과 같이 생성자를 만듭니다.

Js 코드

function Cart(inputs){

this.inputs =inputs;

this.item_info=loadAllItems();

}/*inputs는 고객이 제품을 구매할 수 있도록 POS 기계 시스템으로 전달되는 제품 정보입니다. 로컬 제품 라이브러리의 모든 제품을 호출합니다.

정보(세부 사항을 설명하지 않고 문제를 설명하는 데만 사용됨) */

여기서는 this 키워드가 사용됩니다. 이 키워드는 참조 유형인

Java 코드

this.inputs=inputs

의 현재 객체 인스턴스를 나타냅니다. 객체 인스턴스를 생성하고 이를 매개변수 입력(고객이 상품 바코드를 구매할 수 있도록 POS 시스템에 전달되는 상품 정보)으로 설정합니다.

두 번째 단계는 속성 메소드를 생성하는 것입니다.

Js 코드

Cart.prototype.get_item_base_info=function(normal_barcode){ this.item_info,function(item){

return Normal_barcode.indexOf(item.barcode)>=0;

})

}//해당 바코드 가져오기 제품 정보

장바구니 .prototype.add_item_count=function(normal_barcode,item_base_info) {

var counts = _.values(_.countBy(normal_barcode))

_ .each(item_base_info,function(item){ 🎜 >

}//동일한 바코드를 제거하고 제품 수량을 기록합니다.

세 번째 단계는 참조 유형의 인스턴스를 생성하는 것입니다.

Js 코드

var cart=new Cart( inputs);//인스턴스 장바구니 생성

여기서 주의할 점은 new 키워드를 사용하면 new 키워드를 사용하지 않고 작성된 코드는 제대로 작동하지 않으며, 생성자의 속성에서도 그리고 인스턴스화 전의 프로토타입 어떤 메서드도 실행되지 않습니다. 인스턴스화 후 생성자에서 프로토타입 메서드와 입력 데이터를 호출할 수 있습니다.

Js 코드

var item_base_info=cart.get_item_base_info(normal_barcodes);/*바코드에 해당하는 상품 정보를 가져오기 위해 인스턴스를 호출합니다

Normal_barcode가 처리됩니다. 시스템에서 인식한 입력 바코드(즉, 고객이 구매한 상품의 인식 가능한 바코드) */ 동일한 바코드를 제거하고 상품 수량을 기록하는 방법* /

var shopping_list=print_shoppinglist(item_count_add);/*print_shoppinglist는 상품 단가에 수량을 곱한 값입니다.

상품 금액 계산 방법 */

console.log( shopping_list)//결과 출력 및 인쇄

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿