js 函数的作用与使用

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块

1，函数的基本结构

function 函数名（形参）{

  代码块

}

函数名（）；          调用

函数名（实参）；  传参

******调用与传参都不是必须的******

2，作用

*封装一个功能块

******

3，使用

  // 函数：1.声明 2.调用

  // 声明函数 关键字(function) 函数名（参数列表）{代码段}

  // 封装在函数中的代码,不会自动执行

  /*

    1>.不带参数

    2>.带参数

    3>.不带参数,有返回值

    2>.带参数,有返回值

  */

  /*

    1.函数中需要返回值,使用return

    2.函数内部返回的是什么,在外部调用的时候,接受的就是什么;

    3.return 之后的代码不会在执行(一般return关键词放在对应的方法最底部)

    4.函数返回值的作用:将对应函数内部操作结果进行返回

  */

  // 1.没有参数值

  function message() {

    // 代码段

    console.log('我输出了!');

  }

  // 函数调用: 函数名()

  message();

  // 2.有参数的函数(可以有多参数)

  // 形参 (声明的参数变量)

  // 实参 (调用时传入的实际值)

  /*

  function msg(形参) {

  }

  msg(实参)

*/

  // 可以有多个变量, 但是调用时候, 可以不全部传入

  function message1(a, b) {

    console.log(a, b);

  }

  // message1('2333','hello');

  // message1(66666);

  // 3.有返回值函数

  // var a = 10;

  // var b = 20;

  // var sum = a + b;

  // var c = 30;

  // var d = 40;

  // var s = c + d;

  // 函数会形成 块级作用域

  function sum() {

    var a = 20;

    var b = 30;

    alert(1);

    // return 停止的是整个程序

    return a + b;

    alert(2)

  }

  // 有返回值,需要接收

  // var res = sum();

  // alert(res);

  // 有参数,又有返回值

  function sum1(a, b) {

    return a + b;

  }

  // alert(sum1(30, 60));

  // alert(sum1(20, 60));

  // 匿名函数

  var fn = function() {

    alert(2333);

  }

  console.log(fn);

  // fn();

  // 自执行函数 (立即执行函数)

  // 避免全局污染

  // (function() {

  //  alert('自执行函数');

  // })();

  // (function() {

  //  alert('8888');

  // }());