Maison > Article > interface Web > Route de développement mobile HTML5 de Xiaoqiang (27) - Revue JavaScript 2
Route de développement mobile HTML5 de Xiaoqiang (27) - Revue JavaScript 2
- 黄舟original
- 2017-02-04 14:16:141281parcourir
Connaissance de base du JavaScript orienté objet
1 Comment définir une classe et utiliser la syntaxe suivante pour créer une classe
function Person(name, age){ //习惯上第一个字母大写
//this修饰的变量称为属性
this.name = name;
this.age = age;
//如果属性值是一个函数，则这个属性就是一个方法
this.play = function(){
alert('play football...');
};
}2. class
var p = new Person('zs', 22); p.play(); p.name;
3. Deux autres façons de créer des objets javascript
(1) Créez d'abord une instance de type Object, puis ajoutez de nouvelles propriétés et méthodes
JavaScript est un langage dynamique qui peut ajouter de nouvelles propriétés et méthodes aux objets lors de l'exécution
var obj = new Object();
obj.name = 'zs';
obj.age = 22;
obj.play = function(){
alert('play...');
};(2) Utiliser la syntaxe "json"
var p = {'name':'zs','age':22};
ar p = {'name':'zs','play':function(){
alert('hello');
};ou
var p = {name:'zs',age:22,marrid:false};
var p = {name:'zs',play:function(){
alert('hello');
}};Si la valeur de l'attribut est une chaîne, elle doit être placée entre guillemets (simples ou doubles)
La valeur de l'attribut autorise nombre, chaîne, booléen, nul, objet
var p = {name:'zs',
address:{
city:'beijing',
street:'ca'
}
}; Un exemple complet
<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>Ce qui précède est le contenu de la route de développement mobile HTML5 de Xiaoqiang (27) - Revue JavaScript 2 , pour plus de contenu connexe, veuillez suivre le site Web PHP chinois (www.php.cn) !