HTML之JavaScript对象声明
复制代码
常用：
方式1：
new Object() 创建一个空对象
方式2：
{属性名:属性值,属性名:属性值,...函数名:function(){}} 创建一个对象
html
复制代码
<!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>