对象
在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事都是对象,例如字符串、数值、数组、函数等。
对象是由属性和方法组成的。
- 属性:事物的特征,在对象中用属性来表示(常用名词)
- 方法:事物的行为,在对象中用方法来表示(常用动词)
创建对象
在JavaScript中,现阶段我们可以采用三种方式创建对象(object):
利用字面量创建对象
就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法。
在花括号里面是用冒号赋值的方法
- 里面的属性或者方法,采取键值对的形式 键 属性名 :值 属性值
- 多个属性或者方法,用逗号隔开
- 方法冒号后面跟的是一个匿名函数
利用new Object创建对象
- 利用等号赋值的方法添加对象的属性和方法
- 每个属性和方法之前 用分号结束
- Object的O要大写
利用构造函数创建对象
构造函数的执行流程
- 立刻创建一个新的对象
- 将新建的对象设置为函数中的this,在构造函数中可以使用this来引用新建的对象
- 逐行执行函数中的代码
- 将新建的对象作为返回值返回
使用instanceof可以检查一个对象是否是一个类的实例
- 如果是,则返回true
- 否则返回false
对象 instanceof 构造函数
所有的对象都是Object的后代
- 所以任何对象和Object做instanceof检查时都会返回true
使用同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类
通过一个构造函数创建的对象,称为该类的实例
一次创建一个对象,里面很多属性和方法是大量相同的
因此我们可以利用函数的方法,重复这些相同的代码,我们就把这个函数成为构造函数
又因为这个函数不一样,里面封装的不是普通代码,而是对象
构造函数,就是把对象里的一些相问同的属性和方法抽象出来,封装到函数里面
-
构造函数名字 首字母要大写
-
构造函数不需要return 就可以返回结果
-
调用构造函数,必须使用new
-
只要每次调用构造函数,就创建一个对象,执行1000次,就创建1000个新的方法,而这个1000个方法都是一模一样的
-
这是完全没有必要的,完全可以使用所有的对象 共享同一个方法
-
可以将构造函数放到全局作用域中
-
-
属性和方法前面,必须使用this
使用对象
1.调用对象的属性 采取 对象名.属性名的方法 小点.理解为 的
console.log(obi.uname);
2.调用对象的属性,还可以采用对象名[‘属性名’],此时的属性名必须带引号
console.log(obi['age']);
3.调用对象的方法 sayHi 对象名.方法名(),千万不能忘记添加小括号
obj.sayHi();
变量、属性、函数、方法的区别
变量和属性
相同点
变量和属性的相同的 他们都是用来存储数据的
不同点
- 变量 单独声明并赋值,使用的时候直接写变量名单独存在
- 属性 在对象里面的不需要声明的 ,使用的时候必须是对象.属性
函数和方法
相同点
都是实现某种功能做某件事
不同点
- 在外面的叫函数
- 在里面的叫方法
函数是单独声明并且调用的时候 函数名()单独存在的
方法在对象里面调用的时候 对象.方法()
构造函数与对象
构造函数是泛指一大类 它类似于java语言里面的类 (class)
对象 特指一个具体的事物
利用构造函数创建对象的过程我们也称为对象的实例化
new关键字执行过程
- new 构造函数可以在内存中创建一个空的对象
- this 就会指向创建的空对象
- 执行构造函数中的代码,给这个空对象添加属性和方法
- 返回这个对象
遍历对象
对象中是无序的,传统的for循环并不能解决遍历问题
for in 语句用于对数组或者对象的属性进行循环操作
- k 得到属性名
- 对象名[k] 得到属性值
- k是变量,不需要加引号
- 使用for in 里面的变量 ,常用 k或者key