发表于: 2019-12-22 22:58:01
1 1302
今日完成:
理解对象(补充理解)
在 JavaScript中,几乎所有的事物都是对象。
为变量赋值
var car = "Fiat";
为对象赋值,但对象可以包含多个值(多个变量)。
var car = {type:"Fiat", model:500, color:"white"};
描述:
3 个值 ("Fiat", 500, "white") 赋予变量 car
3 个值 ("Fiat", 500, "white") 赋予变量 car
3 个变量 (type, model, color) 赋予变量 car
"JavaScript 对象是变量的容器"( "JavaScript 对象是键值对的容器"。)。
键值对通常写法为 name : value (键与值以冒号分割)。
键值对在 JavaScript 对象通常称为 对象属性。
访问对象属性
两种方式
ex:
<p id="demo"></p>
<script>
var person = {
firstName : "John",
lastName : "Doe",
id : 5566
};
方式1:document.getElementById("demo").innerHTML =
person.firstName + " " + person.lastName;
方式2:document.getElementById("demo").innerHTML =
person["firstName"] + " " + person["lastName"];
</script>
描述:使用 .property 或 ["property"]效果相同
显示:John Doe
对象方法
对象的方法定义了一个函数,并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
ex:(同上)
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
显示:John Doe
总结:回调 return this.firstName + " " + this.lastName;给函数,而函数又是对象属性得值,层层递进
总结:(整体认知)
对象:
1.对象就是一个变量的集合,声明一个变量(对象),为这个变量(对象)赋值(可以是多个),然后把变量的值(属性)当成变量再次赋值(也可以多个,类似选择器嵌套)
2.表现形式差异,声明一个变量(对象),它的属性(变量值,但不是具体值,一般是一个范围,再次赋值,也就是属性值才是具体值)用大括号包裹,
属性与属性间用逗号隔开,赋值用冒号而不是引号(这里直接当成变量,用冒号为变量赋值)
3.同一个对象,有多个叫法,一个对象括号内是它的属性和属性值(重新声明的变量和变量的值),对象名相当于这个变量集合的名字(类似数组),
可以说对象是变量的容器,也可以说是键值对的容器(以当做变量,但是属性变现形式还是有区别,这是一种正统的叫法),键值对键名就是属性名(变量名),值(value)就是值
4.调用对象(变量组)中某个(精确)属性(变量)的方式,(ps:调的是名字属性名/变量名,用(输出)的是它代表的值)
1.是用点连接对象名和属性名(键名):队形名.属性名
2.是用中括号连接对象名和属性名,且括号里面是属性名,且属性名要用引号包裹
5.属性值,可以是一个函数(方法),函数运行,把运行结果赋予函数(函数值),函数的值就是这个属性的值
6.有个名(变量名),有个值都可以叫做对象
遇到问题:回顾这几天,心态有点崩,摸了好多天鱼,也没调整过来
收获:同上
明日计划:继续js2-4
评论