ホームページ  >  記事  >  ウェブフロントエンド  >  Xiaoqiang の HTML5 モバイル開発ロード (27) - JavaScript レビュー 2

Xiaoqiang の HTML5 モバイル開発ロード (27) - JavaScript レビュー 2

黄舟
黄舟オリジナル
2017-02-04 14:16:141284ブラウズ

JavaScript オブジェクト指向の基礎知識

1. クラスを定義し、次の構文を使用してクラスを作成する方法

 function Person(name, age){ //习惯上第一个字母大写  
    //this修饰的变量称为属性  
    this.name = name;  
    this.age = age;  
    //如果属性值是一个函数,则这个属性就是一个方法  
    this.play = function(){  
        alert('play football...');  
    };  
}

2. JavaScript を作成する他の 2 つの方法オブジェクト


( 1) まず、オブジェクト型のインスタンスを作成し、次に新しいプロパティとメソッドを追加します


JavaScript は、実行時にオブジェクトに新しいプロパティとメソッドを追加できる動的言語です

var p = new Person('zs', 22);  
p.play();  
p.name;

(2) 「json」構文を使用します

var obj = new Object();  
obj.name = 'zs';  
obj.age = 22;  
obj.play = function(){  
    alert('play...');  
};

または

  var p = {'name':'zs','age':22};  
ar p = {'name':'zs','play':function(){  
alert('hello');  
};

属性値が文字列の場合は、引用符 (一重または二重) で囲む必要があります

属性値には、数値、文字列、ブール値、null、オブジェクトが許可されます

var p = {name:'zs',age:22,marrid:false};  
var p = {name:'zs',play:function(){  
    alert('hello');  
}};

完全な例

var p = {name:'zs',  
    address:{  
        city:'beijing',  
        street:'ca'  
    }  
};


上記は、Xiaoqiang の HTML5 モバイル開発ロード (27) - JavaScript レビュー 2 の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。

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