• 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

  • 相关阅读:
    Qt+Opencv+Ffmpeg实时摄像头数据推流,并在WEB端显示
    让4万名健身爱好者蜂拥而来,小程序的魔力在哪?
    clickhouse 参数优化配置
    C++PrimerPlus 第六章 分支语句和逻辑运算符(编程练习)
    【Flowable】任务监听器(五)
    19个Web前端交互式3D JavaScript框架和库
    面向Ai设计的Mojo编程语言支持下载,当前只有Linux系统版本
    Ps:套索工具
    JAVA 抽象类和接口——万字理解
    自学(黑客技术)——网络安全
  • 原文地址:https://blog.csdn.net/2202_75688394/article/details/132941517