JS 学习日记3

学习目标：

1.能够创建数组并且获取数组中的元素。

2.能够对数组进行遍历并且给数组新增元素

3.能够完成冒泡排序

4.能够根据语法书写函数

5能够根据需求封装函数

6.能够说出实参和形参的传递过程

7.能够使用函数的返回值

8.能够使用arguments获取函数参数

---

学习内容：

一 数组

1.数组的概念

数组是指一组数据的集合，其中每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存放在单个变量名下的优雅方式。

2.创建数组

2.1创建数组的方式

JS中创建数组由两种方式

（1）利用new创建数组

（2）利用数组字面量创建数组

注意：

     （1）数组里面的元素一定要用逗号隔开。

     （2）数组的字面量是方括号[ ]

     （3）声明数组并赋值称之为数组的初始化

     （4）这种字面量方式也是我们以后最多使用的方式

2.2数组元素的类型

数组中可以存放任意类型的数据，例如字符串，数字，布尔值等。

3.获取数组中的元素

索引（下标）：用来访问数组元素的序号（数组下标从0开始）

数组中可以通过索引来访问、设置、修改对应的数组元素，我们可以通过“数组名[索引]”的形式来获取数组中的元素。

这里的访问就是获取的意思。

4.遍历数组

规律：

从代码中我们可以发现，从数组中取出每一个元素时，代码是重复的，有所不一样的是索引值在递增，就是循环。

4.1数组的长度

使用“数组名.length”可以访问数组元素的数量（数组长度）

4.2新增数组元素

可以通过length长度以及索引号增加数组元素

（1）通过修改length长度新增数组元素

可以通过修改length长度来实现数组扩容的目的。

length属性是可读写的。

4.3筛选数组两种方法

5.数组案例

冒泡排序

二 JavaScript函数

2.1函数概念

在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。

虽然for循环语句也能实现一些简单的重复操作，但是比较有局限性，此时我们就可以使用JS中的函数。

函数：就是封装了一段可被重复调用执行的代码块，通过此代码可以实现大量代码的重复使用。

2.2函数的使用

函数在使用时分为两步：声明函数和调用函数。

1.声明函数

function 是声明函数的关键字，必须小写

由于函数一般都是为了实现某个功能才定义的，所以通常我们将函数名命名为动词，getSum

2.调用函数

调用的时候千万不要忘记添加小括号

口诀：函数不调用，自己不执行。

注意：声明函数本身并不会只能执行代码，只有调用函数时才会执行函数体代码。

3.函数封装

函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口

简单理解：封装类似于将电脑配件整合组装到机器中（类似快递打包）

4.函数返回

当 JavaScript 到达 return 语句，函数将停止执行。

如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。

函数通常会计算出返回值。这个返回值会返回给调用者：

5.局部变量和全局变量

（1）局部 JavaScript 变量

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。

您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕，本地变量就会被删除。

（2）全局 JavaScript 变量

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

（3）JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

(4)向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。

这条语句：

carname="Volvo";

将声明 window 的一个属性 carname。

非严格模式下给未声明变量赋值创建的全局变量，是全局对象的可配置属性，可以删除。