07-JavaScript数组和函数

数组的基本概念

  • JavaScript中数组的概念和C语言几乎一样, 都是指一组有序数据集合
  • 不同的是由于JavaScript是弱语言, 所以JavaScript的数组中可以存放不同类型的数据
  • 不同的是JavaScript中的数组是引用类型, 提供了很多便捷的属性和方法, 让我们使用起来更加简单

定义数组

var arr1=new Array(); 
var arr2=new Array("Saab","Volvo","BMW");
var arr3=[];
var arr4=["Saab","Volvo","BMW"];

使用数组

    var arr1 = new Array();
    arr1[0] = 1;
    arr1[1] = "12";
    arr1[2] = true;
    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);

注意点:

  • C语言中的数组必须在定义时确定长度, 后续不可修改
  • 而JavaScript中的数组不需要在定义时确定长度, 后续可以动态增长

数组遍历

    var arr3 = [1, "123", true];
    for(var i = 0; i < arr3.length; i++){
        console.log(arr3[i]);
    }

注意点:

  • JavaScript中可以通过数组的length属性直接获取数组的长度, 不用像C语言一样额外计算

函数基本概念

  • JavaScript中函数的概念和C语言几乎一样,都是用于封装一段代码,方便将来重复使用的
  • 不同的是JavaScript中的函数也是一种类型, 是引用类型

函数的定义

// 格式一:
function 函数名(形参1, 形参2, 形参3...) {
  //函数体
  return 返回值;
}

// 格式二:
var 变量 = 函数名(实参1, 实参2, 实参3...);

注意点:

  • 和C语言一样, 函数可以没有形参, 也可以有一个或多个形参
  • 不同的是由于JavaScript是弱语言, 所以形参只用写一个占位符即可
    function sayHi(name) {
        console.log(name);
    }
    sayHi("lnj");

    var sayHello = function (name, age) {
        console.log("name = "+ name, "age = "+age);
    }
    sayHello("lnj", 12);

注意点:

  • 和C语言一样, 函数可以没有返回值, 也可以有返回值
  • 不同的是JavaScript是弱语言, 所以不用只能返回值类型
  • 如果函数没有显示的使用 return语句 ,那么函数有默认的返回值:undefined
  • 如果函数使用 return语句,那么跟再return后面的值,就成了函数的返回值
  • 如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是:undefined
function sum(a, b) {
    var res = a + b;
    return res;
}
var res = sum(10, 20);
console.log(res); // 30
function sum(a, b) {
   var res = a + b;
   return;
}
var res = sum(10, 20);
 console.log(res); // undefined
function sum(a, b) {
   var res = a + b;
}
var res = sum(10, 20);
console.log(res); // undefined

arguments的使用

  • 由于JavaScript中的函数是引用类型(可以添加属性和方法)。所以所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有的实参。arguments是一个伪数组,因此及可以进行遍历
    function getSum() {
      var sum = 0;
      for (var i = 0; i < arguments.length; i++) {
        sum += arguments[i];
      }
      return sum;
    }

    var sum = getSum(5, 1, 3, 4);
    console.log(sum);

函数作为参数和返回值

  • 由于JavaScript中的函数也是一种数据类型, 所以函数也可以作为参数和返回值使用
  • 函数作为其他函数参数
var sayHi = function () {
        console.log("hello world");
    }
    function test(fn) {
        fn();
    }
    test(sayHi);
  • 函数作为其他函数返回值
    function test() {
        var sayHi = function () {
            console.log("hello world");
        }
        return sayHi
    }
    var res = test();
    res();

匿名函数

  • 没有名称的函数, 我们称之为匿名函数
    • 匿名函数不能单独出现, 一般作为其他函数参数或者返回值使用
    // 报错
    function () {
        console.log("hello world");
    }
    // 立即执行函数
    (function () {
        console.log("hello world");
    })();
    // 作为函数参数
    function test(fn) {
        fn();
    }
    test(function () {
        console.log("hello world");
    });
    // 作为函数返回值
    function test() {
        return function () {
            console.log("hello world");
        }
    }
    var res = test();
    res();
    原文作者:极客江南
    原文地址: https://www.jianshu.com/p/7e95fb859048
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞