• JavaScript学习总结(对象)


    一、对象

    1、什么是对象?

          现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如,一本书、一辆汽车、一个人可以是 “ 对象 ” ,一个数据库、一张网页、一个与远程服务器的连接也可以是 “ 对象 ” 。

          在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。

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

    • 属性:事物的特征,在对象中用属性来表示(常用名词)
    • 方法:事物的行为,在对象中用方法来表示(常用动词)

    二、创建对象的三种方式

           在JavaScript中,现阶段我们可以采用三种方式创建对象(object):

    • 利用字面量创建对象
    • 利用 new Object 创建对象
    • 利用构造函数创建对象

    1、利用字面量创建对象 

          对象字面量:就是花括号 { } 里面包含了表达这个具体事物(对象)的属性方法。

    { } 里面采取键值对的形式表示 

    • 键:相当于属性名
    • 值:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型、函数类型等)

          对象的调用

    • 对象里面的属性调用:对象.属性名,这个小点 . 就理解为 “
    • 对象里面属性的另一种调用方式:对象 [ ' 属性名 ' ] ,注意方括号里面的属性必须加引号
    • 对象里面的方法调用:对象 . 方法名 () ,注意这个方法名字后面一定加括号
    1. DOCTYPE html>
    2. Document

    变量、属性、函数、方法总结

    • 变量:单独声明赋值,单独存在
    • 属性:对象里面的变量称为属性,不需要声明,用来描述该对象的特征
    • 函数:单独存在的,通过 “ 函数名 () ” 的方法就可以调用
    • 方法:对象里面的函数称为方法,方法不需要声明,使用 “ 对象 . 方法名() ” 的方法就可以调用,方法用来描述该对象的行为和功能。
    1. DOCTYPE html>
    2. Document

     2、利用 new Object 创建对象

    1. DOCTYPE html>
    2. Document

    3、利用构造函数创建对象

    (1)我们为什么需要构造函数

    1. DOCTYPE html>
    2. Document

    (2)利用构造函数创建对象

          构造函数:是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。

    1. DOCTYPE html>
    2. Document

    (3)构造函数和对象

    • 构造函数,如 Stars() ,抽象了对象的公共部分,封装到了函数里面,它泛指某一大类(class)
    • 创建对象。如 new Stars() ,特指某一个,通过 new 关键字创建对象的过程我们也称为对象实例化
    1. DOCTYPE html>
    2. Document

    三、 new 关键字

          new 在执行是会做四件事情:

    • 让内存中创建一个新的空对象。
    • 让 this 指向这个新的对象。
    • 执行构造函数里面的代码,给这个新对象添加属性和方法。
    • 返回这个新对象(所有构造函数里面不需要return)。
    1. DOCTYPE html>
    2. Document

    四、遍历对象属性

          for ...in 语句用于对数组或者对象的属性进行循环操作。

    1. DOCTYPE html>
    2. Document

  • 相关阅读:
    软件开发全文档整理(原件获取)
    Prometheus metrics数据抓取解析
    基于Android的牵伴(老人与子女互动)APP设计与开发
    Hugging News #0912: Hugging Face 2 人入选时代周刊全球百大 AI 人物
    【算法基础】:(二)希尔排序
    艾美捷MTT细胞增殖检测试剂盒说明书及文献引用
    Spring事务和事务传播机制
    高斯分布与高斯过程
    Unity 文字显示动画(2)
    2022年8月22日,ue4热更新视频教程
  • 原文地址:https://blog.csdn.net/2202_75688394/article/details/132941517