ホームページ  >  記事  >  ウェブフロントエンド  >  JSデザインパターンのプロトタイプパターンの詳細説明

JSデザインパターンのプロトタイプパターンの詳細説明

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-14 14:27:471854ブラウズ

今回は、JSデザインパターンプロトタイプモードと、JSプロトタイプパターンを使用する際の注意事項について詳しく説明します。実際のケースを見てみましょう。

概念: プロトタイプ パターンとは、プロトタイプ インスタンスを使用して オブジェクトのタイプを作成する を指し、これらのプロトタイプをコピーして新しいオブジェクトを作成することを指します。プロトタイプ モードでは、JavaScript プロトタイプ継承機能を使用して、このような方法でプロパティを継承します。つまり、別のオブジェクトのプロトタイプ属性としてオブジェクトを作成します。

var vehiclePrototype = {
    init: function (carModel) {
        this.model = carModel;
    },
    getModel: function () {
        console.log('车辆模具是:' + this.model);
    }
};function vehicle(model) {
    function F() { };
    F.prototype = vehiclePrototype;    var f = new F();
    f.init(model);    return f;
}var car = vehicle('福特Escort');
car.getModel();//上面代码来自汤姆大叔的博客

私たちは、より良い結果を達成するために、JavaScript のあらゆるところでプロトタイプ パターンを使用します。

まとめ:

デザイン パターンについて話しましたが、デザイン パターンを使用することで問題解決の効率が向上します。また、多くの場合、次のようなデザイン メソッドが作成されます。一般に、適切な設計計画を策定することで、より良い結果が得られます。使用中に、複雑さが増すことになる設計パターンの使用を強制しないでください。コードの。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JSデザインパターンのコマンドパターンの詳細説明

JSデザインパターンのプロキシパターンの詳細説明

JSデザインパターンのファクトリーパターンの詳細説明


以上がJSデザインパターンのプロトタイプパターンの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。