ホームページ > ウェブフロントエンド > jsチュートリアル > 参照型オブジェクトを使用するための「3 つのステップ」

参照型オブジェクトを使用するための「3 つのステップ」

巴扎黑
リリース: 2016-11-25 10:25:11
オリジナル
1240 人が閲覧しました

参照型:

参照型は通常、クラスと呼ばれます。つまり、参照値が見つかると、オブジェクトが処理されます。

JavaScript の組み込みオブジェクト - String、Array、Number、および Object はすべて参照型であり、ユーザーが作成するオブジェクトは実際にはこれらの型のインスタンスです。JavaScript のオブジェクト指向プログラミング プロセスでは、参照型は ' をサポートします。クラス」に対応するロジックが表示されます。

参照型は、コンストラクター、メソッド定義、プロパティの 3 つの部分で構成されます。メソッド オブジェクト指向メソッドの店舗決済レジの POS マシン システムを例に挙げて、参照型の「3 つのステップ」を理解しましょう。

最初のステップは、参照型を定義することです。

function Cart(inputs){

this.inputs=inputs;

this.item_info=loadAllItems();

}/*inputs は、顧客が商品を購入するために POS システムに渡される商品情報です。ローカル製品ライブラリ内のすべての製品の

情報を呼び出すことです (問題を説明するためにのみ使用されており、詳しく調べる必要はありません)*/

this キーワードはここでコンストラクターまたはで使用されます。メソッドでは、 this キーワードは参照型の現在の値を表します。

Java コード

this.inputs=inputs; このコード行は、現在のオブジェクト インスタンスの inputs 属性を参照し、それをパラメータ入力 (顧客が製品を購入するために POS マシン システムに渡される製品情報のバーコード)。

2 番目のステップは、属性メソッドを作成することです。

Js コード

Cart.prototype.get_item_base_info=function(normal_barcode){

return _.filter(this.item_info,function(item){

returnnormal_barcode。 IndexOf( item.barcode)>=0;

})

}// バーコードに対応する商品の情報を取得します

Cart.prototype.add_item_count=function(normal_barcode,item_base_info) { var counts = _.values (_ .countBy(normal_barcode));

_.each(item_base_info,function(item){

item.count=counts[_.indexOf(item_base_info,item)];

})

item_base_info を返す

}/ /同じバーコードを削除し、製品の数量を記録します

3 番目のステップは、参照型のインスタンスを作成することです

Js コード

var cart=new Cart(inputs);// インスタンス カートを作成します。

ここで、new キーは Word で使用され、new キーワードを使用せずに書かれたコードは正しく動作せず、コンストラクター内のメソッドとそのプロトタイプのプロパティはインスタンス化されるまで実行されないことに注意してください。インスタンス化後、プロトタイプ メソッドを呼び出してコンストラクターにデータを入力できます。

Js コード

var item_base_info=cart.get_item_base_info(normal_barcodes);/* インスタンスを呼び出して、バーコードに対応する製品情報を取得します

は、システムによって認識できる処理済みの入力バーコードです (つまり、顧客が購入した商品) 認識可能なバーコード

);*/

var item_count_add=cart.add_item_count(normal_barcodes,item_base_info);/*インスタンス メソッドを呼び出して同じバーコードを削除し

の数量を記録しますproduct;*/

var shopping_list=print_shoppinglist(item_count_add);/*print_shoppinglist は商品の単価に数量

商品の金額を掛ける方法です;*/

Console.log(shopping_list)/ /結果を出力して印刷します

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート