HTML之JavaScript对象声明

HTML之JavaScript对象声明

1. 常用：
2.         方式1：
3.             new Object()  创建一个空对象
4.         方式2：
5.             {属性名:属性值,属性名:属性值,...函数名:function(){}}  创建一个对象

复制代码

1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4.     <meta charset="UTF-8">
5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
6.     <title>Document</title>
7.     <script>
8.         /*
9.         Java中是先有类，然后实例化出对象；js没有类，直接声明处理对象
10.             方式1：
11.                 new Object()  创建一个空对象
12.             方式2：
13.                 {属性名:属性值,属性名:属性值,...函数名:function(){}}  创建一个对象
14.         */
15.     //    方式1：
16.        var person = new Object();
17.        // 对象的属性? 添加属性
18.         person.name = '张三';// 有name属性，就是修改赋值，没有name属性则增加name属性并赋值（太草了随意的一批）
19.         person.age = 18;
20.         var age = 11;// 这里是全局变量，不是对象的属性
21.        // 对象的方法? 添加方法
22.        person.eat = function(food){
23.            console.log(this.age+'，默认age,'+age+'吃饭:'+food);//此处使用age属性，this指向当前对象，不加this就会使用全局变量age
24.        }
26.        // 访问属性
27.        console.log(person.name);
28.        console.log(person.age);
29.        // 调用方法
30.        person.eat('面条');// 调用方法
32.     //    方式2：
33.       var age = 15;
34.        var person1 = {
35.            "name":'李四', // 为了后续迎合json格式，属性名加上双引号
36.            "age":20,
37.            "eat":function(food){
38.                console.log(this.age+'吃饭:'+food+"age"+age);// 此处的age不加this就会使用全局变量age
39.            }
40.        }
41.        console.log(person1.name);
42.        console.log(person1.age);
43.        person1.eat('米饭');
45.     </script>
46. </head>
47. <body>
48.    
49. </body>
50. </html>

复制代码