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

HTML之JavaScript对象声明

news 2025/6/21 6:32:39

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>