<!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>
//对象字面量:就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法
//{}里面采用 键值对 的形式表示
//对象的调用 分为 属性调用 和 方法调用(对象由一系列无序 属性 和 方法 构成)
//对象的属性调用: 对象.属性名 or 对象['属性名']
//对象里面的方法调用: 对象.方法名() 千万不要漏了括号
//利用对象字面量创建对象{}
// var obj={};//创建了一个空的对象
var obj = {
uname: '张三',
age: 18,
sex: '男',
sayHi: function () {
console.log('hi~');
}
}
//(1)里面的属性或者方法我们采用键值对的形式 (键 属性名: 值 属性值)
//(2)多个属性或者方法中间用逗号隔开的
//(3)方法 冒号后面跟的是一个匿名函数
//2.使用方法
//(1) 调用对象的属性
//格式: 对象名.属性名 ps: . 可以理解为 的
console.log(obj.uname); //张三
//调用属性的另一种方法 → 对象名['属性名']
console.log(obj['age']); //18
//(2)调用对象的方 → 对象名.方法名() ps:千万别忘记了添加小括号
obj.sayHi();
</script>
</head>
<body>
</body>
</html>
2021-07-23 JavaScript 利用对象字面量创建对象
最新推荐文章于 2024-07-26 20:46:33 发布