Heim > Artikel > Web-Frontend > Xiaoqiangs mobile HTML5-Entwicklungsstraße (27) – JavaScript-Rezension 2
Xiaoqiangs mobile HTML5-Entwicklungsstraße (27) – JavaScript-Rezension 2
- 黄舟Original
- 2017-02-04 14:16:141281Durchsuche
Grundkenntnisse in objektorientiertem JavaScript
So definieren Sie eine Klasse und verwenden die folgende Syntax, um eine Klasse zu erstellen
function Person(name, age){ //习惯上第一个字母大写
//this修饰的变量称为属性
this.name = name;
this.age = age;
//如果属性值是一个函数，则这个属性就是一个方法
this.play = function(){
alert('play football...');
};
}So erstellen Sie eine Instanz davon Klasse
var p = new Person('zs', 22); p.play(); p.name;
3. Zwei weitere Möglichkeiten, Javascript-Objekte zu erstellen
(1) Erstellen Sie zuerst eine Instanz des Objekttyps und fügen Sie dann neue Eigenschaften und Methoden hinzu
JavaScript ist eine dynamische Sprache, die zur Laufzeit neue Eigenschaften und Methoden zu Objekten hinzufügen kann
var obj = new Object();
obj.name = 'zs';
obj.age = 22;
obj.play = function(){
alert('play...');
};(2) Verwenden Sie die „json“-Syntax
var p = {'name':'zs','age':22};
ar p = {'name':'zs','play':function(){
alert('hello');
};oder
var p = {name:'zs',age:22,marrid:false};
var p = {name:'zs',play:function(){
alert('hello');
}};Wenn der Attributwert eine Zeichenfolge ist, muss er in Anführungszeichen (einfach oder doppelt) eingeschlossen werden
Der Attributwert erlaubt Zahl, Zeichenfolge, Boolescher Wert, Null, Objekt
var p = {name:'zs',
address:{
city:'beijing',
street:'ca'
}
}; Ein vollständiges Beispiel
<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>Das Obige ist der Inhalt von Xiaoqiangs HTML5-Entwicklungsstraße für Mobilgeräte (27) – JavaScript-Rezension 2 . Für weitere verwandte Inhalte folgen Sie bitte der chinesischen PHP-Website (www.php.cn)!