目录
  1. 1. JavaScript对象
    1. 1.1. 什么是对象?
    2. 1.2. 为什么要用对象?
    3. 1.3. 对象的组成
      1. 1.3.1. 属性组成:
      2. 1.3.2. 属性的分类:
      3. 1.3.3. 特别的对象:
    4. 1.4. 如何访问对象内部数据?
    5. 1.5. 函数的理解和使用
JavaScript对象

JavaScript对象

什么是对象?

  • 多个数据的封装体
  • 用来保存多个数据的容器
  • 一个对象代表现实中的一个事物

为什么要用对象?

  • 统一管理多个数据

对象的组成

  • 属性: 属性名(字符串)和属性值(任意)组成
  • 方法: 一种特别的属性(属性值是函数)

属性组成:

  • 属性名 : 字符串(标识)
  • 属性值 : 任意类型

属性的分类:

  • 一般 : 属性值不是function 描述对象的状态
  • 方法 : 属性值为function的属性 描述对象的行为

特别的对象:

  • 数组: 属性名是0,1,2,3之类的索引
  • 函数: 可以执行的

如何访问对象内部数据?

  • .属性名

  • [‘属性名’]: 属性名有特殊字符/属性名是一个变量

函数的理解和使用

  • 什么是函数?
    • 用来实现特定功能的, n条语句的封装体
    • 只有函数类型的数据是可以执行的, 其它的都不可以
  • 为什么要用函数?
    • 提高复用性
    • 便于阅读交流
  • 函数也是对象
    • instanceof Object===true
    • 函数有属性: prototype
    • 函数有方法: call()/apply()
    • 可以添加新的属性/方法
  • 函数的3种不同角色
    • 一般函数 : 直接调用
    • 构造函数 : 通过new调用
    • 对象 : 通过.调用内部的属性/方法
  • 函数中的this
    • 显式指定谁: obj.xxx()
    • 通过call/apply指定谁调用: xxx.call(obj)
    • 不指定谁调用: xxx() : window
    • 回调函数: 看背后是通过谁来调用的: window/其它
文章作者: Jachie Xie
文章链接: https://xjc5772.github.io/2020-03/20/%E5%AD%A6%E4%B9%A0/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/JS/JavaScript%E5%AF%B9%E8%B1%A1/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 XJC&Blog
打赏
  • 微信
  • 支付宝

评论