函数的基础

  • 函数实际上是一种方法,可接收参数,当需要使用某一种功能使,就可以把函数功能块进行调用
  • 函数可以无数次的执行,且每一次执行都是独立的
  • 当函数执行时,会从上往下走一遍
  • 当函数中多余的形参未被赋值时,值为undefined
  • 函数在被创建的时候产生了作用域,在执行的时候产生了作用域链
  • 函数在变量提升阶段就会被声明以及开辟空间,然后将空间地址赋值给变量,执行的时候开辟私有的作用域

  • 函数形参与实参示例如下: ```javascript // function fn(num1,num2) { // 形参变量 // console.log(num1,num2);

    // let total = num1 + num2; // total = total / 2; // console.log(total); // return total;
    // }

    // // 函数名+() // 函数执行时小括号里放的是实参 // console.log( fn(12,13)) ;

    // // console.log(total); // // 函数可以无限制的执行，而且每一次执行相互之间都是独立的 // // 当函数执行的时候，函数里的所有代码会从上往下执行一遍

    // isNaN(true) // console.log(isNaN); // console.log(fn); //—————————————————————

    1.   // 函数的形参和实参
    2.   function fn(n,m,x){
    3.       // 形参和实参是一一对应的
    4.       console.log(n,m,x); // 1 2 un
    5.       // 函数里实参不给形参赋值，那输出形参的值就是undefined
    7.   }
    9.   // fn(1,2);
    10.   // fn() // 函数里的n，m，x都是undefined
    11.   fn(1,2,3,4) // 实参4传不到函数里去，因为没有第四个形参接受
  2. - 当函数未有返回值返回时,打印得到的结果就是undefined.如果return空,那么返回的结果也还是undefined
  3. - 当函数中存在return并且生效时,那么return下面的代码则不再生效了,函数体结束。
  4. - 函数执行的内存分布图如下:
  6. ![QQ图片20200627143148.png](https://cdn.nlark.com/yuque/0/2020/png/1526035/1593239529831-d52847f0-187e-423c-a583-79ed9afd64e7.png#align=left&display=inline&height=736&margin=%5Bobject%20Object%5D&name=QQ%E5%9B%BE%E7%89%8720200627143148.png&originHeight=736&originWidth=1296&size=164479&status=done&style=none&width=1296)
  8. - 当函数不确定参数个数时,如何进行累加?代码如下:
  9. ```javascript
  10. function fn(){
  11.         // let total = n + m +x;
  12.         // return total;
  13.         console.log(arguments); // 实参集合，里边可以拿到用户执行函数时传递的所有实参
  14.         let total = 0;
  15.         for(var i=0;i<arguments.length;i++){
  16.             // console.log(arguments[i]); // 代表实参的每一项
  17.             let cur = arguments[i];
  18.             total+= cur;
  19.         }
  20.         return total;
  22.     }
  24.     let res = fn(1,23,33,41,5,69);
  25.     // 我想求任意个数的和
  26.     console.log(res);

出现null或者undefined的情况

  • 获得对象的属性对应的属性值不存在时,那就是undefined
  • 一个变量未初始化,得到的也是undefined
  • 函数形参未被赋值也是undefined
  • 函数return无值时也是undefined
  • 如果通过id名获取元素获取不到，那就是null

  • 函数内的变量是无法在函数外被取到进行使用的

    数据类型的检测

  • typeof:数据类型检测的属性,返回字符串格式的数据类型

  • 代码示例:

    1. //    typeof:数据类型检测的属性
    2.       // typeof val
    3.       // 他的返回值是一个字符串，字符串的内容就是当前的数据类型
    4.       // 局限性:不能够区分null、普通对象、数组，因为他们的返回值都是 'object'
    6.       console.log(typeof 1); // 'number'
    7.       console.log(typeof '1'); // 'string'
    8.       console.log(typeof true); // 'boolean'
    9.       console.log(typeof undefined); // 'undefined'
    11.       console.log(typeof null); // 'object'
    13.       console.log(typeof {}); // 'object'
    14.       console.log(typeof []); //  'object'

  • instanceof:检测当前实例是否属于某个类

  • constructor：基于构造函数检测当前的数据类型

  • Object.prototype.toString.call(val):检测数据类型最好的方式

    鼠标划入事件和鼠标划出事件

  • onmouseover鼠标划入事件

  • onmouseot鼠标划出事件