小強のHTML 5モバイル開発の道(27)-JavaScriptレビュー2
2050 ワード
Javascriptオブジェクト向けの基礎知識
1、クラスを定義する方法、次の構文を使用してクラスを作成する方法
(1)まずObjectタイプのインスタンスを作成し,次に新しい属性とメソッドを追加する.
JAvascriptは動的言語で、実行時にオブジェクトに新しい属性と方法を追加できます.
属性値はnumber,string,boolean,null,Objectを許可する
1、クラスを定義する方法、次の構文を使用してクラスを作成する方法
function Person(name, age){ //
//this
this.name = name;
this.age = age;
// ,
this.play = function(){
alert('play football...');
};
}
、クラスのインスタンスの作成方法 var p = new Person('zs', 22);
p.play();
p.name;
3、javascriptオブジェクトを作成する他の2つの方法(1)まずObjectタイプのインスタンスを作成し,次に新しい属性とメソッドを追加する.
JAvascriptは動的言語で、実行時にオブジェクトに新しい属性と方法を追加できます.
var obj = new Object();
obj.name = 'zs';
obj.age = 22;
obj.play = function(){
alert('play...');
};
(2)「json」構文の使用 var p = {'name':'zs','age':22};
var p = {'name':'zs','play':function(){
alert('hello');
}};
または var p = {name:'zs',age:22,marrid:false};
var p = {name:'zs',play:function(){
alert('hello');
}};
属性値文字列の場合は引用符で囲まなければなりません(単一ペア)属性値はnumber,string,boolean,null,Objectを許可する
var p = {name:'zs',
address:{
city:'beijing',
street:'ca'
}
};
完全な例<html>
<head>
<script>
function f1(){
//var p = {'name':'zs','age':22};
//var p = {name:'zs',age:22,marrid:false};
var p = {name:'zs',
address:{
city:'beijing',
street:'ca'
}
};
//alert(p.name);
alert(p.address.city);
}
function f2(){
var arr = [
{'name':'zs','age':22},
{'name':'ls','age':32}
];
alert(arr[1].name);
}
</script>
</head>
<body>
<input type="button" value="click me" onclick="f2();"/>
</body>
</html>