【JavaScript—前端快速入门】JavaScript 对象与函数

news2025/12/21 1:34:24

在这里插入图片描述

JavaScript 对象

1. JavaScripe 数组

创建数组的方式

使用 new 关键字创建

在这里插入图片描述

使用字面量方式创建 [常用]

在这里插入图片描述

注意，JavaScipt 不要求数组元素类型都相同；

数组操作

读：使用下标的方式访问数组元素（从0开始)

在这里插入图片描述

保存代码，打开页面：

在这里插入图片描述

增：通过下标新增

在这里插入图片描述

保存代码，打开页面：

在这里插入图片描述

如果我们对数组下标为 100 的因素赋值，中间空缺的部分也会自动创建出来，只不过空缺部分数组的因素都是空值：

在这里插入图片描述

如果我们把赋值的元素注释掉，再次保存代码，刷新页面，会发现对应下标的数组元素也消失了，说明数据并没有保存到磁盘中：

在这里插入图片描述

删：使用 splice 方法删除元素

在这里插入图片描述

如果删除的是数组不存在的元素，JS 不会报错，也无其他影响：

在这里插入图片描述

JavaScript 数组有类似 Map 的性质

在这里插入图片描述

注意：

如果下标超出范围读取元素，则结果为undefined
不要给数组名直接赋值，此时数组中的所有元素都没了；

相当于本来 arr 是一个数组，重新赋值后变成字符串了

2. JavaScripe 函数

语法格式

// 创建函数/函数声明/函数定义

function 函数名(形参列表){
	函数体
	return  返回值;
}

// 函数调用
函数名(实参列表)       // 不考虑返回值
返回值 = 函数名(实参列表) // 考虑返回值

函数的创建用到 function 关键字；
方法传参，参数不需要写类型；
函数定义并不会执行函数体内容，必须要调用才会执行，调用几次就会执行几次；
调用函数的时候进入函数内部执行，函数结束时回到调用位置继续执行，可以借助调试器来观察.
函数的定义和调用的先后顺序没有要求(这一点和变量不同，变量必须先定义再使用)

在这里插入图片描述

函数定义并不会执行函数体内容，必须要调用才会执行，调用几次就会执行几次:

在这里插入图片描述

函数的定义和调用的先后顺序没有要求(这一点和变量不同，变量必须先定义再使用)

在这里插入图片描述

如果传参数量不等于参数数量：

在这里插入图片描述

匿名函数的设置

在这里插入图片描述

3. JavaScript 定义对象

Java 创建对象，需要先有一个类，再通过类名 new 一个对象，但是 JavaScript 不需要创建类，就可以创建一个对象；对象的定义方法如下：

使用 字面量{ } 创建对象：

<body>
    <script>
    	let 对象名 = {
            属性名 : 值 ,
            属性名 : 值
        };
        
        // 读对象
        console.log(对象名.属性名)；
        console.log(student2[属性名]);
        
        // 修改对象属性
        对象名.属性名 = 修改的值;
    
    </script>
</body>