目标:

  • 能够说出什么需要对象
  • 能够使用字面量创建对象
  • 能够使用构造函数创建对象
  • 能够说出new的执行过程
  • 能够遍历对象

1. 对象

1.1 什么是对象

对象是一个具体的事物,如: 牵牛花, 二郎神, 青苹果, 王者荣耀;
在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等

对象是由属性和方法组成的。

  • 属性：事物的特征，在对象中用属性来表示（常用名词）
  • 方法：事物的行为，在对象中用方法来表示（常用动词）
  • image.png

    1.2 为什么需要对象

    当需要保存大量具体的属性值时, 数组不能体现出来, 而对象则可以大量保存具体的信息;
    数组:var arr = [‘张三疯’, ‘男', 128,154]; 输出: [张三疯 , 男 , 128 , 154]

对象: var pers={name:'张三', sxe:'男',age:128, higth:154
输出: name:'张三', sxe:'男',age:128, higth:154

  1. 里面的属性或者方法我们采取键值对的形式, 键=属性名 : 值=属性值
  2. 多个属性或者方法中间用逗号隔开的

  3. 方法冒号后面跟的是一个匿名函数

    使用对像:

  4. 调用对象的属性, 一般采取 对象名.属性名 : console.log(obj.uname);

  5. 调用属性还有一种方法 对象名[‘属性名’] : console.log(obj.['age']);
  6. 调用对象的方法(函数) 对象名.方法名 : obj.sayHi

2. 创建对象的三种方式:

利用字面量创建对象 

  1. / var 对象 = {属性: 值, 行为: 值}//每一段 属性:值 用,隔开
  2. var zml = {
  3.     name: '刘德华', 
  4.     sayHi: function () {
  5.         console.log('hi')
  6.     }
  7. }
  8. zml.sayHi();//调用 行为时:必须要在函数名后添加()
  9. console.log(zml.name);//输出时在 /属性.值/ 后面无需添加 ()
  10.         console.log(zml)

利用 new Object 创建对象 

  1. /var 对象 = new Object();
  2. /        对象.属性 = 值; 对象.行为 = function () { }//这里创建值是需要 对象.属性=值 创建, 用;隔开 
  4. var ncj = new Object();
  5.         ncj.uname = '刘德华';//这里创建值是需要 /对象.属性=值/ 创建,用;隔开 
  6.         ncj.sayCool = function () {
  7.             console.log('Cool!')
  8.         }
  9.         ncj.sayCool();//调用 行为时:必须要在函数名后添加()
  10.         console.log(ncj.uname)//输出时也无需加();
  11.         console.log(ncj)

利用构造函数创建对象

  1. function 函数(形参1, 形参2, ...) {//一定要写上形参,用来接收传递的实参
  2.          this.属性 = 形参; this.行为 = function () { }}
  4. function Func(un) {//一定要写上形参,用来接收传递的实参
  5.             this.name = un;
  6.             this.says = function () {
  7.                 consoel.log()
  8.             }
  9.         }
  10.         var ldh = new Func('刘德华');
  11.         ldh.says=('你好')
  12.         console.log(ldh.name)
  13.         console.log(ldh);//输出时也无需加();

注意

  1. 构造函数约定首字母大写。
    2. 函数内的属性和方法前面需要添加 this ，表示当前对象的属性和方法。
    3. 构造函数中不需要 return 返回结果。
    4. 当我们创建对象的时候，必须用 new 来调用构造函数

    构造函数与对象:

    构造函数，如 Stars()，抽象了对象的公共部分，封装到了函数里面，它泛指某一大类（class）
    创建对象，如 new Stars()，特指某一个，通过 new 关键字创建对象的过程我们也称为对象实例化

    new 在执行时会做四件事情：

  2. 在内存中创建一个新的空对象。
    2. 让 this 指向这个新的对象。
    3. 执行构造函数里面的代码，给这个新对象添加属性和方法。
    4. 返回这个新对象（所以构造函数里面不需要return

    3. 遍历对象属性

    for…in 语句用于对数组或者对象的属性进行循环操作
    其语法如下：
    for (变量 in 对象名字) { // 在此执行代码
    }
    语法中的变量是自定义的，它需要符合命名规范，通常我们会将这个变量写为 k 或者 key
    for (var k in obj) {
    console.log(k);// 这里的 k 是属性名
    console.log(obj[k]); // 这里的 obj[k] 是属性值
    }