JavaScript 的引用类型有哪些?

133 阅读3分钟

引用数据类型:

object 对象:

  • 对象:是JavaScript里的一种数据类型
  • 可以理解为是一种无序的数据集合
  • 用来描述某个事物,例如描述一个人
  1. 人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能
  2. 如果用多个变量保存则比较散,用对象比较统一
  • 比如描述 班主任 信息:
  1. 静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示
  2. 动态行为 (点名, 唱, 跳, rap) => 使用函数表示
    对象声明语法:
let 对象名 = {}

示例:

//声明了一个person的对象
let person = {}

对象有属性和方法组成:
属性:
信息或叫特征(名词)。 比如 手机尺寸、颜色、重量等… 方法:
功能或叫行为(动词)。 比如 手机打电话、发短信、玩游戏…

let 对象名 = {
属性名:属性值,
方法名:函数
}

属性:
数据描述性的信息称为属性,如人的姓名、身高、年龄、性别等,一般是名词性的。

let person = {
uname: 'andy',
age: 18,
sex: '男'
}
  • 属性都是成 对出现的,包括属性名和值,它们之间使用英文 : 分隔
  • 多个属性之间使用英文 , 分隔
  • 属性就是依附在对象上的变量(外面是变量,对象内是属性)
  • 属性名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等

function 函数:

函数:
function,是被设计为执行特定任务的代码块
说明:
函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于精简代码方便复用。

  • 函数的声明语法:
function 函数名(){
函数体
}
  • 示例:
function sayHi() {
document.write('hai~~')
}

函数名命名规范:

  • 和变量命名基本一致
  • 尽量小驼峰式命名法
  • 前缀应该为动词
  • 命名建议:常用动词约定

常用动词.png
函数的调用语法: 函数的调用方法.png
注意:声明(定义)的函数必须调用才会真正被执行,使用 () 调用函数
示例:

函数调用示例.png

函数体:
函数体是函数的构成部分,它负责将相同或相似代码“包裹”起来,直到函数调用时函数体内的代码才会被执行。函数的功能代码都要写在函数体当中

函数体.png

array 数组:

数组(Array)是一种可以按顺序保存数据的数据类型
1.声明语法:

let 数组名 = [数组1,数组2,数组3...,数组n]

示例:

let names = ['小明''小红','小丽']
  • 数组是按顺序保存,所以每个数据都有自己的编号
  • 计算机中的编号从0开始,所以小明的编号为0,小刚编号为1,以此类推
  • 在数组中,数据的编号也叫索引或下标
  • 数组可以存储任意类型的数据
    2.取值语法:
数组名[下标]

示例:

let names = ['小明''小红''小丽']
names[0] // 小明
names[1] // 小红
  • 通过下标取数据
  • 取出来是什么类型的,就根据这种类型特点来访问
    术语:
    元素:数组中保存的每个数据都叫数组元素
    下标:数组中数据的编号
    长度:数组中数据的个数,通过数组的length属性获得