美文网首页前端
JavaScript数组与函数

JavaScript数组与函数

作者: 无尾树袋熊 | 来源:发表于2019-04-17 22:31 被阅读0次

数组

  1. JavaScript中的数组和C语言中的数组一样, 都是用于存储一组数据的
  2. JavaScript中的数组可以存储不同类型的数据
  3. JavaScript中的数组是引用类型(对象), 所以提供了很多有用方便的属性和方法
  4. 数组长度是可变的
// var arr = new Array();
// arr = [1,2,3,4,5];
    
var arr = [1,2,"hello"];
console.log(arr);
  1. 数组的遍历,可以通过.length属性直接获取数组的长度
var arr = [1,2,"hello",false];
for (var i = 0;i < arr.length;i++){
    console.log("arr = " + arr[i]);
}

函数

  1. JavaScript中的函数和C语言中的函数几乎一样,用于封装一段代码方便复用
  2. JavaScript中的函数是引用类型(对象)
  3. JavaScript中的形参只用写形参名称即可,相当于占位
  4. JavaScript中的函数不用写返回值类型
//定义方式一:
function say(name) {
    console.log(name);
}
say("hello");
  1. 函数默认的返回值是undefined,返回具体值需写上return
  2. 函数也是一种数据类型,可以保存到一个变量中
//定义方式二:
    var say = function(name) {
        console.log(name);
        return res;
    };
    var res = say("hello");
    console.log(res); //undefined

特殊属性

  1. 函数是引用类型,所以也有属性和方法
  2. console.log();是通过()调用的, 所以log是一个函数
  3. log函数的特点是可以接收任意多个参数
  4. log函数的实现原理,用到了函数类型的一个属性arguments
  5. 函数内部默认有一个属性叫做arguments(伪数组,使用方式和数组很像,本质是一个对象)
  6. arguments的作用:用来保存外界传入的所有实参都会被保存到arguments属性中
  7. 通过函数中的agruments属性,可以实现可变参数的功能
    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); //6

函数作为参数和返回值

  1. JavaScript中的函数是一种数据类型, 可以作为其他函数的参数和返回值
  2. JavaScript中的==函数可以嵌套定义==
//作为参数
    var say = function () {
        console.log("hello");
    };
    function demo(say) {
        say();
    }
    demo(say);
//作为返回值
    function demo() {
        var say = function () {
            console.log("hello world");
        };
        return say;
    }
    var res = demo();
    res();

匿名函数

  1. 匿名函数:没有名称的函数
  2. 应用场景:
    1. 作为其他函数的参数
    2. 作为其他函数的返回值
    3. 作为立即执行的函数
  3. JavaScript中的匿名函数不能独立存在
//作为其他函数的返回值
    function demo() {
        return function () {
            console.log("hello world");
        };
    }
    var res = demo();
    res();
//作为其他函数的参数
    function demo(say) {
        say();
    }
    demo(function () {
        console.log("hello zx");
    });
  1. 作为立即执行的函数
  2. 立即执行的匿名函数,必须用一个()将所有代码括起来才能调用
    (function(){
        console.log("匿名函数");
    })();

相关文章

  • JavaScript数组与函数

    数组 JavaScript中的数组和C语言中的数组一样, 都是用于存储一组数据的 JavaScript中的数组可以...

  • JavaScript中对象数组函数区别及区分

    一、对象、数组、函数区别  javaScript中对象包括狭义对象(object)、数组(array)、函数(fu...

  • 2018-04-22

    javascript基础 一.函数的arguments 伪数组:像数组,但不是数组 可以动态添加参数 二.函数的其...

  • 箭头函数和JavaScript中map函数

    JavaScript的数组迭代器函数map和filter,可以遍历数组时产生新的数组,和python的map函数很...

  • JavaScript 数组 函数

    1、标准库函数: 2、Array数组: 1、创建数组方法: 2、数组本质: 原型链上必须有Array.protot...

  • javascript-函数中的 arguments 对象

    JavaScript函数具有像数组一样的对象,这些对象称为arguments,与传递给函数的参数相对应。传递给Ja...

  • 轻松学习 JavaScript——第 4 部分:函数中的 arg

    JavaScript函数具有像数组一样的对象,这些对象称为arguments,与传递给函数的参数相对应。传递给Ja...

  • 2018-06-07

    JS 基本常用函数 javascript函数一共可分为五类: •常规函数 •数组函数 •日期函数 •数学函数 •...

  • Javascript 08 数组

    基本使用 创建数组 在JavaScript多种方式创建数组 构造函数 在使用构造函数创建数组时如果传入一个数字参数...

  • js数组方法大全

    javascript 中创建数组有两种方式 使用 Array 构造函数: 使用数组字面量表示法: 数组的方法 数组...

网友评论

    本文标题:JavaScript数组与函数

    本文链接:https://www.haomeiwen.com/subject/ujtawqtx.html