大家好,我是专注于前端开发,前端入门,精神可爱的前端小学妹,本期为大家带来的Web前端学习知识是”javascript:如何创建对象?“,喜欢Web前端的朋友,一起看看吧!
主要内容:
- 对象的创建
- 键名和键值
- 对象的引用
- Math对象
- Date对象
学习目标:
![02b3bdf61d9acb66f54c2021f2402efc.png](https://i-blog.csdnimg.cn/blog_migrate/471809300453c3bb151703dc9f9bc89f.jpeg)
为什么要使用对象?
因为对象能帮我们解决一些复杂的问题
一、对象概述
在JavaScript 中的所有事物都是对象:字符串(new String)、布尔(new Boolean())、数值(Number)、数组(Array)、函数(Function)等。
1.1 什么是类
类:就是具有相同的属性和方法的集合。人类,动物类,家电类等。
1.2 什么是对象
对象:就类中的一个具体的实物。人类-具体某一个人(张三丰)。
动物类-(一个具体的动物-东北虎),家电类-(具体一个比如说电视。)
js 中我们包含哪些对象呢?
- 内置对象(本地对象):Math对象,Number对象,Date对象等,系统给我们提供好的,我们拿过来用就可以了。
- 宿主对象:dom(文档对象模型),bom(浏览器对象)。
- 自定义对象:我们自己定义和开发的对象。
二、对象的创建(重点)
2.1 怎样创建对象
语法:var obj = { key : value };
上面代码定义了一个对象,它被赋值给变量obj。
key是“键名”
value是“键值”
ps:如果对象内部包含多个键值对,每个键值对之间用逗号分隔。最后一个键值对末尾不用加逗号
var obj = {key1:value1,key2:value2};
2.2 对象的构成
对象是JavaScript的核心概念,也是最重要的数据类型。JavaScript的所有数据都可以被视为对象。此外,JavaScript 允许自定义对象。
对象(object)是大括号定义的无序的数据集合,由键值对构成,键名,键名与键值之间用冒号分隔,大括号末尾要使用分号表示对象定义结束。
2.3 创建对象
a.直接使用大括号创建对象
b.使用new命令生成一个Object对象的实例
c.使用Object.create方法创建对象
var obj1 = {};
var obj2 = new Object();
var obj3 = Object.create(null);
Object是在javascript中一个被我们经常使用的类型,而且JS中的所有对象都是继承自Object对象的
![aa96d34f9a96471380dfa733d4f3c4ba.png](https://i-blog.csdnimg.cn/blog_migrate/298fe1f520e383621524e815e2ee26f2.jpeg)
三、对象的键名和键值(重点)
3.1关于键名
键名也被称为属性(property),对象的所有属性都是字符串,所以加不加引号都可以。
因此上面的代码也可以写成下面这样:
var obj = { 'key': value };
但是,如果属性不符合标识符的条件(比如第一个字符为数字,或者含有空格或运算符),则必须加上引号。
var obj = {
'1p': "Hello World",
'h w': "Hello World",
'p+q': "Hello World"
};
上面对象的三个属性,都不符合标识名的条件,所以必须加上引号。
ps:JavaScript的保留字可以不加引号直接当作对象的属性。
![8cdb26d5cb0cdc30728698fc0241c93c.png](https://i-blog.csdnimg.cn/blog_migrate/95df0f1f3cf9170610209b7e61b2a268.jpeg)
3.2关于键值
键值是属性所对应的具体的值。javascript的对象的键值可以是任何数据类型。
var frank = {
name: "Frankenstein Add",
age: 18,
sex: "male"
ability: