主页 > 其他  > 

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

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


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>


示例:


标签:

【JavaScript—前端快速入门】JavaScript对象与函数由讯客互联其他栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“【JavaScript—前端快速入门】JavaScript对象与函数