<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="btn">按钮</button>
<script>
// 定义一个对象 把事物的属性和行为提炼出来
var stu={
// k:v k代表的是属性 v代表的是值
name:'zs',
age:12,
score:[89,90],
eat:function(){
console.log('吃了什么吖')
}
}
// 使用属性的值 对象.属性
console.log(stu.score[0])
stu.eat();
var product={
title:'这是口红',
buy:function(){
alert('您确认购买嘛')
}
}
product.buy()
btn.onclick=function(){
product.buy()
}
</script>
</body>
</html>
对象也是一个变量,但对象可以包含多个值或者多个变量,每个值以 属性名:属性值 的形式呈现
一、对象属性的访问:
(1)
stu.age;
(2)
stu["age"];
二、对象方法的访问:
stu.eat();