当前位置：首页 > news >正文

HTML之JavaScript对象声明

news 来源：原创 2025/5/18 13:12:36

HTML之JavaScript对象声明

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
        Java中是先有类，然后实例化出对象；js没有类，直接声明处理对象
            方式1：
                new Object()  创建一个空对象
            方式2：
                {属性名:属性值,属性名:属性值,...函数名:function(){}}  创建一个对象
        */
    //    方式1：
       var person = new Object();
       // 对象的属性? 添加属性
        person.name = '张三';// 有name属性，就是修改赋值，没有name属性则增加name属性并赋值（太草了随意的一批）
        person.age = 18;
        var age = 11;// 这里是全局变量，不是对象的属性
       // 对象的方法? 添加方法
       person.eat = function(food){
           console.log(this.age+'，默认age,'+age+'吃饭:'+food);//此处使用age属性，this指向当前对象，不加this就会使用全局变量age
       }

       // 访问属性
       console.log(person.name);
       console.log(person.age);
       // 调用方法
       person.eat('面条');// 调用方法


    //    方式2：
      var age = 15;
       var person1 = {
           "name":'李四', // 为了后续迎合json格式，属性名加上双引号
           "age":20,
           "eat":function(food){
               console.log(this.age+'吃饭:'+food+"age"+age);// 此处的age不加this就会使用全局变量age
           }
       }
       console.log(person1.name);
       console.log(person1.age);
       person1.eat('米饭');

    </script>
</head>
<body>
    
</body>
</html>