06-JavaScript数组和函数

JavaScript数组

• JavaScript中的数组可以存储不同类型的数据
• JavaScript中的数组是引用类型(对象), 所以提供了很多有用方便的属性和方法
• JavaScript中数组的长度是可变的

数组格式和初始化

• 定义数组格式
  var arr = new Array();
var arr = [];
• 数组的初始化

    5.1定义的同时初始化
    var arr = new Array(1, "2", false);
    var arr = [1, "2", true];
    5.2先定义再初始化
    var arr = new Array();
    arr[0] = 1;
    arr[1] = "2";
    arr[3] = false;

    var arr = [];
    arr[0] = 1;
    arr[1] = "2";
    arr[3] = false;

数组的遍历

• 数组的遍历, 可以通过.length属性直接获取数组的长度
• 数组中存储的是什么数据类型取出来的就是什么数据类型

for (var i =0; i < arr.length;i++){
        console.log("arr["+i+"] = "+arr[i]+"");
        console.log(typeof arr[i]);
}

---

JavaScript函数

• avaScript中的函数是引用类型(对象)
• JavaScript中的形参只用写形参名称即可, 不用写var和数据类型
• JavaScript中的函数哪怕有返回值, 也不用写返回值类型
  +JavaScript中不能出现同名的函数, 会覆盖

函数定义格式

// 格式一:
function 函数名(形参1, 形参2, 形参3...) {
  //函数体
  return 返回值;
}
function test() {
        console.log("随便写写");
}

// 格式二:
var 变量 = 函数名(实参1, 实参2, 实参3...);
var fn = function () {
        console.log("我是一个函数");
    };

创建函数的第三种方式
    上面两种的本质就是最后一种的简写
    所以只要定义了一个函数, 就会创建一个函数对象
    既然是对象就可以动态的添加属性和方法
    var fn = new Function("console.log(\"fn\");");

注意点:
和C语言一样, 函数可以没有形参, 也可以有一个或多个形参
不同的是由于JavaScript是弱语言, 所以形参只用写一个占位符即可

JavaScript中特有的特性
1. 函数默认的返回值是undefined, 如果想返回具体的值必须写上return, 并且将返回的结果放到return后面
2. JavaScript中的函数也是一种数据类型, 所以也可以保存到一个变量中

function test(a,b) {
        var res = a + b;
        return res;
}

var res = test(10,20);
console.log(res);

---

arguments属性

• 每个函数内部默认都有一个属性叫做arguments
• arguments是一个伪数组(不是真的数组, 但是使用方式和数组很像, 本质就是一个对象)
• 函数中默认的arguments属性的作用就是用来保存外界传入的实参的
  传入的所有实参都会被保存到arguments属性中

// 通过js函数中的arguments属性, 就可以实现可变参数的功能
    function sum() {
        var res = 0;
        for (var i=0; i < arguments.length; i++){
            res += arguments[i];
        }

        return res;
    }

    var res = sum(1,2,3)
    console.log(res);

---

函数作为参数和返回值

• 由于JavaScript中的函数是一种数据类型, 所以可以作为其他函数的参数和返回值
• JavaScript中的函数可以嵌套定义

// 1.作为其他函数的参数
    function test() {
        console.log("我是函数");
    }
    function demo(fun) {
        fun();
    }
    demo(test);

    //作为其他函数的返回值
    function demo() {
        var test = function () {
            console.log("我是一个函数");
        }

        return test;
    }

    var fn = demo();//fn = test;
    fn();

---

匿名函数

• 匿名函数的应用场景
  • 作为其他函数的参数
  • 作为其他函数的返回值
  • 作为立即执行的函数

注意点:
JavaScript中的匿名函数不能独立存在
立即执行的匿名函数, 必须用一个()将所有代码括起来才能调用

// 2.1作为其他函数的参数
    function test(fn) {
        fn();
    }

    test(function () {
        console.log("我是一个匿名函数");
    });

    // 2.2作为其他函数的返回值
    function test() {
        return function () {
            console.log("我是作为返回值的匿名函数");
        }
    }

    var fn = test();
    fn();

    // 2.3作为立即执行的函数
    // 注意点: 立即执行的匿名函数, 必须用一个()将所有代码括起来才能调用
    (function () {
        console.log("立即调用匿名函数");
    })();