コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 拡張チュートリアル - JS オブジェクト指向プログラミング

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

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

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

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 サイト (m.sbmmt.com) に注目してください。


関連ラベル：
JavaScript，面向对象
ソース：php.cn
前の記事：JavaScript 拡張チュートリアル - DOM プログラミング (div の移動を制御する 2 つの方法) 次の記事：js の通常の検索 match() と replace() の使用例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
POST リクエストは Postman を使用している場合は正常に動作しますが、React axios と Spring Boot バックエンドを使用している場合は正常に動作しません 反応コンソールから、URL「:8080/api/review-add」を指すエラー メッセージ「リソースを読み込めません: サーバーの応答ステータスは 500()」が表示されます ...
から 2024-04-05 13:07:01
0
1
396
useState 変数を別のコンポーネント/ページにエクスポートする ちょっと行き詰まってしまいました。ユーザー入力結果を別のコンポーネントで使用できる配列に配置しました。ただし、別のコンポーネント/ページで「newList」を分解しようとすると、何...
から 2024-04-05 11:30:54
0
1
286
JavaScriptを使用してオブジェクトの2つの配列を単一の配列とオブジェクトに結合する方法 JavaScript vararr1=[{number:1,name:"xxx"}]vararr2=[{Details: "Finance"...
から 2024-04-05 10:00:36
0
1
1454
最も古い日付値を返すメソッドを構築するのに助けが必要です 引き継いだレガシーコードベースのメソッドをリファクタリングしています。このメソッドは、予測された日付のオブジェクトを受け入れます。予測された日付が 30、40、または 60 以内の...
から 2024-04-04 19:51:19
0
1
1344
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート