持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第7天，点击查看活动详情

4. 数组

4.1 创建

创建格式:

1. 利用new创建数组
2. 利用数组字面量创建数组

• 利用new创建 //这东西到了对象才来用吧

  var 数组名 = new Array() ；
  var arr = new Array();   // 创建一个新的空数组,注意大写
  

• 利用数组字面量创建

  //1. 使用数组字面量方式创建空的数组
  var  数组名 = []；
  //2. 使用数组字面量方式创建带初始值的数组
  var  数组名 = ['小白','小黑','大黄','瑞奇'];
  

注意 : 数组中可以存放任意类型的数据

4.2 获取

索引:

arr[0] 第一个元素

arr可以直接输出全部元素

数组的长度 :

使用数组名.length

var arrStus = [1,2,3];
alert(arrStus.length);  // 3

!!!这里的数组长度指的是数组元素的个数

4.3 数组中新增元素

• 通过修改length的长度新增数组元素

  length属性是可读写的

  新增的数组元素未赋值的元素的值为Undefined

• 通过修改数组索引新增新的数组元素

  var arr = ['red', 'green', 'blue', 'pink'];
  arr[4] = 'hotpink';
  console.log(arr);
  

5.函数

封装了一段可被重复调用执行的代码块

• 声明

  function 函数名() {
      //函数体代码
  }//通常将函数名命名为动词
  

• 调用

  函数名(); 
  

• 形参 不用声明的变量

  在js中，形参的默认值为undefined

• 当形参和实参个数不匹配时

  实参多于形参****只取到形参的个数

  实参小于形参****多的形参(后面的)将被定义为undefined,结果为NaN

• 若无return,这默认为undefined

5.1 return 终止函数

0. return语句后面的代码不被执行
1. return只能返回一个值,如果用逗号隔开多个值,则以最后一个为准

5.2 arguments的使用

• 当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。在 JavaScript 中，arguments 实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象，arguments 对象中存储了传递的所有实参

• argumens的展示形式是一个伪数组,因此可以进行遍历

  注意:arguments具有以下特点

  0. 具有length属性
  1. 按索引方式存储数据
  2. 不具有数组的push\pop等方法

5.3 另一种声明函数的方式

匿名函数

// 这是函数表达式写法，匿名函数后面跟分号结束
var fn = function(){...}；
// 调用的方式，函数调用必须写到函数体下面
fn();

可以理解为fn储存的就是一个函数

匿名函数一般用在绑定事件的时候

myButton.onclick = function () {
    alert('hello');
}

匿名函数用var变量承载时，不利于变量提升机制

自调用

匿名函数不能直接调用执行,因此可以通过函数的 自调用方法，该方法可以在JS编译机制在编译到直接执行

如:

(function()){
 alert('hello');
 })()