09.JS基础之数组、函数

一、数组

之前学习的数据类型（Number/String...），只能存储一个值。而数组的作用是可以一次性存储多个数据。

数组的概念：所谓数组，就是将多个元素（通常是同一类型）按照一定顺序排列放到一个集合中，那么这个集合我们称之为数组。

数组的定义：可以在数组中存放任意的数据，并且数组的长度可以动态的调整。

数组元素：数组中存储的每个数据都可以叫做数组元素。例如：存储了三个数据，数组中就有三个元素。

数组的长度：就是数组元素的个数，比如有三个元素，就说这个数组的长度是3；

数组索引（下标）：用来存储或者访问数组中的数据的，索引从0开始，到长度减一结束。

数组的索引和数组的长度的关系：长度减1就是最大的索引值；

.

1、通过数组字面量创建数组：

var 数组名=[];//空数组

eg:var arr1=[];//创建一个空数组

eg:var arr2=[1,3,4];//创建一个包含三个数值的数组，多个数组项以逗号隔开

eg:var arr3=['a','c'];//创建一个包含两个字符串的数组

2、通过构造函数创建数组

var 数组名=new Array();

eg:var array=new Arrry();//定义了一个数组

eg:var array=new Array(5);//没有数据，空数组

console.log(array);//数组的名字如果这样直接输出，那么就直接把数组中的数据显示出来，如果没有数组，就看不到。

var 数组名=Array(长度);如果数组中没有数据，但是有长度，数组中每个值都是undefined。

如何设置数组中某个位置的值：数组名【下标】=值；eg:arr[3]=100;

如何获取数组中某个位置的值：var result=数组名【下标】eg:var result=arr[3];

字面量方式比较简单

var arr[10,20,30,40,50];

console.log(arr.length);//获取数组长度

 

数据中存储的数据类型一定是一样的吗？类型可以不一样

var arr=[100,"哈哈",true,null.undefined,new Object()];

console.log(arr);

数组的长度是不是可以改变的呢？可以改变的

通过索引来设置数组中元素的值

arr[0]=10;

arr[1]=20;

console.log(arr.length);

获取元素的值：通过索引的方式

console.log(arr[2]);

for循环遍历数组

var arr=[10,20,30,40,50];

//显示数组中的每一个数据

for(var i=1;i<=arr.length;i++){

console.log(arr[i]);

}

案例1：求一组数中的所有数的和和平均值；

案例2：求一组数中的最大值和最小值，以及所在位置；

案例3：将字符串数组用|或其他符号分割

案例4：要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组 翻转数组 冒泡排序，从小到大；

 

二、函数

什么是函数：把一段相对独立的具有特定功能的代码封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用，函数的作用就是封装一段代码，将来可以反复使用。

函数的定义

函数声明

function 函数名（）{//函数体}

函数表达式

var fn=function(){//函数体}

特点：函数声明的时候，函数体并不会执行，只有当函数被调用的时候才会执行。函数一般都用来干一件事情，需用使用动词+名词，表示做一件事情tellStory,sayHello等等。

函数的调用：

调用函数的语法：函数名()

特点：函数体只有在调用的时候才会执行，调用需要（）进行调用，可以调用多次（反复使用）

案例1：求1-100之间所有数的和 function getSum() { var sum = 0; for (var i = 0; i < 100; i++) { sum += i; } console.log(sum); } // 调用 getSum();

函数的参数

函数 内部是一个封闭的环境，可以通过参数的方式，把外部的值传递给函数内部

带参数的函数声明：function 函数名（形参1，形参2，...）{//函数体}

带参数的函数调用：函数名（实参1，实参2，...）

形参与实参的说明：

1. 形式参数：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。
2. 实际参数：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。

案例2：求1-n之间所有数的和；

案例3：求n-m之间所有数额和

案例4：圆的面积

案例5：求2个数中的最大值

案例6：求3个数中的最大值

案例7：判断一个数是否是素数

函数的返回值

当函数执行完的时候，并不是所有时候都要把结果打印，我们期望函数给我一些反馈（比如计算的结果返回进行后续的运算）这个时候可以让函数返回一些东西，也就是返回值。函数通过return返回一个返回值。

返回值语法：

声明一个带返回值的函数 function 函数名（形参1，形参2,....）{//函数体 return 返回值：}

可以通过变量来接收这个返回值 var 变量=函数名（实参1，实参2，...）

函数的调用结果就是返回值，因此我们可以直接对函数调用结果进行操作。

返回值详解： 如果函数没有显示的使用 return语句 ，那么函数有默认的返回值：undefined 如果函数使用 return语句，那么跟再return后面的值，就成了函数的返回值 如果函数使用 return语句，但是return后面没有任何值，那么函数的返回值也是：undefined 函数使用return语句后，这个函数会在执行完 return 语句之后停止并立即退出，也就是说return后面的所有其他代码都不会再执行。

案例8：求阶乘

案例9：求1!+2!+3!+....+n!

案例10：求一组数中的最大值

案例11：求一组数中的最小值

arguments的使用

JavaScript中，arguments对象是比较特别的对象，实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象，arguments对象中存储了传递所有的实参。arguments是一个伪数组，因此可以进行遍历。

案例12：求任意个数的最大值

案例13：求任意个数的和

案例14：求斐波那契梳理Fibonacci中的第n个数是多少？1 1 2 3 5 8 13 21.

案例15：反转数组，返回一个新数组

案例16：对数组排序，从小到大

案例17：输入某年某月某日，判断这一天是这一年的第几天？

函数的其他一些内容

匿名函数----没有名字的函数

匿名函数的使用：将匿名函数赋值给一个变量，这样就可以通过变量进行调用；

匿名函数自调用-------作用是放置全局变量污染

自调用函数：匿名函数不能直接调用来执行，因此可以通过匿名函数的自调用方式来执行(function(){alert(123);})();

函数是一种数据类型

函数作为参数：因为函数也是一种类型，可以把函数作为两一个函数的参数，在两一个函数中调用。

函数作为返回值：因为函数是一种类型，所以可以把函数作为返回值从函数内部返回，这种用法在后面很常见。

function fn(b){var a=10;return function(){alert(a+b);}}fn(15)();

作用域-----变量可以起作用的范围

全局变量和局部变量

全局变量---在任何地方都可以访问到的变量就是全局变量，对应全局作用域。

局部变量---只在固定的代码片段内可访问到的变量，最常见的例如函数内部。对应局部作用域（函数作用域）

块级作用域

任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。 在es5之前没有块级作用域的的概念,只有函数作用域，现阶段可以认为JavaScript没有块级作用域

词法作用域

变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也叫做静态作用域。

作用域链

只有函数可以制造作用域结构， 那么只要是代码，就至少有一个作用域, 即全局作用域。凡是代码中有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。

将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。

 

案例1： function f1() { function f2() { } }

var num = 456; function f3() { function f4() { 
} } ```

 

 案例2 function f1() { var num = 123; function f2() { console.log( num ); } f2(); } var num = 456; f1();

预解析

JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的。JavaScript解析器执行JavaScript代码的时候，分为两个过程：预解析过程和代码执行过程

预解析过程：

1. 把变量的声明提升到当前作用域的最前面，只会提升声明，不会提升赋值。
2. 把函数的声明提升到当前作用域的最前面，只会提升声明，不会提升调用。
3. 先提升var，在提升function

JavaScript的执行过程

javascript var a = 25; function abc (){ alert(a);//undefined var a = 10; } abc(); // 如果变量和函数同名的话，函数优先 console.log(a); function a() { console.log('aaaaa'); } var a = 1; console.log(a);