JavaScript 基础第三天

时间:2021-09-17 16:30:27

一、前言

    在前天的内容我们提到了有关于JS的一些语言结构,这些语言结构都是语法中最为基本的内容必须予以熟记并可以灵活掌握。

 

二、引入

    在今天内容中我们将讨论两个很重要的概念,数组与函数。

三、重点内容

    ㈠ 数组

      即数据的有序列表,存储的是一组数据。该数据的类型可以是任意类型,而数组中的元素可以随时的动态添加。那我们下面就讨论一下如何构建数组。

       ①  使用构造函数构建数组

// 第一种,用构造函数的方式创建 数组
var arr = new Array();// 创建了一个空数组,长度为0
//
数组就是数据的有序列表,这个顺序是按编号来的,默认以0开始,这个编号 叫做数组的索引或是下标
arr[0] = 100;
arr[
1] = 99;
arr[
2] = 98;
arr[
10]=96;
console.log(arr.length);
console.log(arr);
// 直接打印数组 ,就可以看到数组里面的数据
alert(arr);

 

      ② 使用字面量的方式创建数组

 var arr = [100,98,96,99,93,95,97,69,89,58,87];
//console.log(arr[0]);
//
console.log(arr[arr.length-1]);

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

      需要注意的是:① 因为JS是弱类型动态语言,所以里面的元素可以随时动态的添加的。数组的长度会随着里面数据的变化而变化。

                ② 和其他语言一样数组的下标也是与数组的长度相差一,在有些需求中需要注意。

    ㈡ 函数

      即代码复用的一种机制或是封装某种功能的代码段。简单的说就是为了去除冗余或者垃圾代码的一种机制。

       ① 函数的定义:

          function 函数名([参数列表]){

          函数体(都是可执行的或是要执行的代码);

         }

        ② 函数的三要素:

              函数名:一般运用驼峰命名法来书写一个有意义的动词名字

                参数:

                  形参:在函数定义时用于占位的参数。

                  实参:调用函数时实际传入的值

                  返回值:函数结束时返回给我们的结果。

                

             注意:在三要素之中参数是不必须有的。返回值是每个函数都有的,如果没有明确的返回值的话,默认是undefined。

        ③ 形参和实参的关系:

         定义好了函数之后,在函数调用的时候,会将函数的实参复制一份传到函数定义时的形参里面,会和之前的一一对应起来,如果实参和形参的个数不一样的时候,会先按之前的分配。实参和形参的个数是可以不一样的。

          注意:当实参数和形参数不一样时就会对结果有所影响,这个时候我们运用短路运算的方式来避免结果的出错。

            

var i= 0;
function getSum(a,b,c){ // 在函数定义的时候,使用的参数叫做形参,起占位置的作用
// arguments
a = a || 0;
b
= b || 0;
c
= c || 0;
console.log(a
+b+c);
}

getSum(
10,20);//在函数真正的调用的时候,传入的数据,才是实参

 

      ④ return的用法

 

        在函数当中,return一般是用于返回函数当中的数据,如果return后面跟着数据,则后面的数据是整个函数的返回值,程序运行到这里的时候,会先将返回值返回出去,然后立即跳出当前函数,后面的代码不再执行。如果return 后面没有数据的话,程序运行到return处,则表示直接立即跳出当前函数,后面的代码都不执行。

四、总结

      函数和数组作为重点必须可以熟练掌握,多次训练。