ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 拡張チュートリアル - JS オブジェクト指向プログラミング

JavaScript 拡張チュートリアル - JS オブジェクト指向プログラミング

黄舟
リリース: 2017-01-21 16:22:50
オリジナル
1040 人が閲覧しました

物事の抽象的な説明
そのようなものの特徴や動作を説明します
オブジェクトはクラスのインスタンスです
コード実装: クラスを作成します

function peple(){
       this.hp=0;
        this.act = 30;
        this.name = "";
        this.x=0;
        this.y=0;
        this.move =function(x,y){
            document.write(this.name+"正在移动到"+x+","+y);
        }
        this.eat=function(){
            document.write("正在吃");
        }
    }
ログイン後にコピー

クラスのインスタンス: オブジェクトを作成します

var p1 = new peple();
    p1.name="阿达";
    p1.hp = 100;
    p1.move(100,100);
    p1.move(22,200);
ログイン後にコピー
動的拡張メソッド
p1.fire = function(x,y){
        document.write(this.name+"正在开火向"+x+","+y);
        p1.hp--;
    }
ログイン後にコピー

クラスの外で呼び出します関数の外で定義されている関数

p1.fire(00,00);
    p1.fire(43,22);
    p1.fire(66,88);
    document.write("hp="+p1.hp);
ログイン後にコピー

上記は、JavaScript 拡張チュートリアル - JS オブジェクト指向プログラミングの内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。


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