Route de développement mobile HTML5 de Xiaoqiang (27) - Revue JavaScript 2-tutoriel HTML-php.cn

Route de développement mobile HTML5 de Xiaoqiang (27) - Revue JavaScript 2

黄舟

Libérer： 2017-02-04 14:16:14

original

1349 Les gens l'ont consulté

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(&#39;play football...&#39;);  
    };  
}

Copier après la connexion

2. class

var p = new Person(&#39;zs&#39;, 22);  
p.play();  
p.name;

Copier après la connexion

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 = &#39;zs&#39;;  
obj.age = 22;  
obj.play = function(){  
    alert(&#39;play...&#39;);  
};

Copier après la connexion

(2) Utiliser la syntaxe "json"

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

Copier après la connexion

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

Copier après la connexion

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:&#39;zs&#39;,  
    address:{  
        city:&#39;beijing&#39;,  
        street:&#39;ca&#39;  
    }  
};

Copier après la connexion

Un exemple complet

<html>  
    <head>  
        <script>  
            function f1(){  
                //var p = {&#39;name&#39;:&#39;zs&#39;,&#39;age&#39;:22};  
                //var p = {name:&#39;zs&#39;,age:22,marrid:false};  
                var p = {name:&#39;zs&#39;,  
                    address:{  
                        city:&#39;beijing&#39;,  
                        street:&#39;ca&#39;  
                    }  
                };  
                //alert(p.name);  
                alert(p.address.city);  
            }  
            function f2(){  
                var arr = [  
                    {&#39;name&#39;:&#39;zs&#39;,&#39;age&#39;:22},  
                    {&#39;name&#39;:&#39;ls&#39;,&#39;age&#39;:32}  
                ];  
                alert(arr[1].name);  
            }  
        </script>  
    </head>  
    <body>  
        <input type="button" value="click me" onclick="f2();"/>  
    </body>  
</html>

Copier après la connexion

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) !