函数

  创建函数的方式:

    1.构造函数方式:( 不常用 )

      var  fun  = new Function( console . log ( ' 构造函数方式创建function ' ) ) ;

    2.函数声明:( 常用 )

      function  fun2 ( ){

        语句 .  . . 

      }

    3.匿名函数:

      var  fun3 = function( ){

        语句 . . .

      }

  函数 function

    - 函数也是一个对象

    - 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)

    - 函数中可以保存一些代码在需要的时候调用

    - 使用 typeof 检查一个函数对象时,会返回 function

    - 对象所拥有的功能,函数也拥有且比对象的功能多

  创建一个函数对象

    方式一:

      可以将要封装的代码以字符串的形式传递给构造函数

      在实际开发中很少使用构造函数来创建一个函数对象

      var  fun = new Function ( “console . log ( 'Hello 这是我第一个函数 ' ); ” ) ;    

    - 封装带函数中的代码不会立即执行

    - 函数中的代码会在函数调用的时候执行

    - 调用函数语法:函数对象();

    - 当调用函数时,函数中封装的代码会按照顺序执行

      fun();

    方式二:(优点:结构更清晰)

      使用 函数声明 来创建一个函数

      语法:

        function  函数名([ 形参1,形参2 . . . 形参N ]){      //  由有语法的 [ ] 表示可选的,参数写不写都可以

          语句 . . .              // 被封装的代码

        }

      例:

        function  fun2 () {

          console . log ( ' 这是第二个函数 ' ) ;

          alert ( ‘ 哈哈哈哈~~ ’ ) ;

        }

        // 调用函数

        fun2 ( ) ;

    方式三:

      使用  函数表达式 来创建一个函数 (匿名函数)

      函数表达式:创建一个匿名函数,然后将匿名函数的对象赋值给变量

        var  函数名  =  function ( [ 形参1,形参2 . . . 形参N ] ) {

          语句 . . .

        } ;

       例:

        var  fun3 = function ( ) {

          console . log ( ' 这是一个匿名函数 ' ) ;

        } ;   // 因为函数最终是赋值给一个变量,所以变量最好在尾部加上 ;

 

    函数的参数:

      - 可以在函数的()中来指定一个或多个形参(形式参数)

      - 多个形参之间使用,隔开,声明形参就相当于在函数内部声明了对应的变量

      - 但是并不赋值

      - 在调用函数时,可以在()中指定实参(实际参数)

      - 实参将会赋值给函数中对应的形参

      - 调用函数时解析器不会检查实参的类型,

        所以要注意,是否有可能会接收到非法的参数,如果有则需要对参数进行类型的检查

      - 调用函数时,解析器也不会检查实参的数量

        多余实参不会被赋值

      - 如果实参的数量少于形参的数量,则没有对应的实参的形参将是 undefined 

      - 函数的实参可以是任意数据类型

      例:

        function  sum ( a , b ) {

          console . log ( a + b ) ;

        }

        sum ( 3 , 6 ) ;    // 9

        sum ( true , false ) ;   // 1

        sum ( 3 ) ;  //  3 + undefined =NaN

        sum ( 4 , 2 , 5 , 8) ;  //4 + 2 = 6

 

    返回值 return:

        - 可以使用 return 来设置函数的返回值

        - return 后的值将会作为函数的执行结果返回,可以定义一个变量,来接收该结果

        - 在函数中 return 后的语句都不会执行

        - 如果 return 语句后不跟任何值就相当于返回一个undefined

        - 如果函数中不写 return ,则也会返回undefind

        - return 后可以跟任意类型的值

         -  调用函数

         -  变量 result 的值就是函数的执行结果

         -  函数返回什么  result 就是什么

        语法:

           return  值 ;

         - 函数返回值的类型

            break:使用 break 可以退出当前循环

            continue:使用 continue 跳过当次循环

            return:使用 return 结束整个函数

 

        注意:返回值可以是任意的数据类型,也可以是一个对象,一个函数

        在函数内部再声明一个函数

        function  fun4(){

          function fun5(){

            alert ( ’ 我是fun5 ' ) ;

          }

         //  将fun5函数对象作为返回值返回

         return  fun5 ;  //  直接返回fun5函数

         //  将fun5函数对象作为函数返回

         return  fun5();   //  我是fun5   返回undefined

        }

 

        例1:创建一个函数,用来计算三个数的和

          function sum(a , b , c){

            var   d =  a + b  + c ;

            return  d ;

            alert ( 123 ) ;  // alert(123)语句不会执行

          }

          var   result  = sum ( 4 , 5 , 6 ) ;

          console . log ('result = ' + result ) ;

 

         例2:定义一个函数,判断一个数字是否是偶数,如果是返回 true,否则返回 false

           function isOu(num){

             return   num % 2 == 0 ;   //  因为 num  %  2 == 0  本身返回的就是 boolean 值,所以可以不用 if 再进行判断

           }

 

          - 实参可以是任意的数据类型,也可以是一个对象

            当我们的参数过多时,可以将参数封装到一个对象中,然后通过对象传递

 

          例3:创建一个函数,可以在控制台中输出一个人的信息

            function sayHello(o){

              console . log ( '我是' + o . name + ' ,今年我 ' + o . age + ' 岁了 ,我是一个' + o . gender + ' 人 ,我住在' + o . address  ) ;

            }

              //  sayHello( '孙悟空' , 28 , ‘ 男 ’ , ‘ 花果山 ’ ) ;   //  参数太多容易混淆

            建议使用创建一个对象的方式

            var   obj  = {

              name:‘ 猪八戒 ’ ,

              age:28 ,

              gender:‘ 男 ’,

              address:‘ 高老庄 ’

            };

            sayHello ( obj ) ;

 

        实参也可以是一个对象,也可以是一个函数

        funciton fun8(a){

          console . log ( ‘ a = ’ +  a ) ;

          //   a ( obj ) ;  //  a =  sayHello 函数中的  obj 对象 的返回值

        }

        //   a ( 123 ) ;    //  a =123

        //    a (sayHello);   //    返回 sayHello 函数

        //    fun(function( ) { alert ( ' hello ' ) });  //开发中常用到,把一个匿名函数当做实参传递给函数

 

      区别:

        sum()

         - 调用函数

         - 相当于使用的函数的返回值

        sum

         - 函数对象

         - 相当于直接使用函数对象

 

     立即执行函数:

      函数定义完,立即被调用,这种函数叫做立即执行函数

      立即执行函数往往只会执行一次

      (function(){

        alert ( ' 这厮一个匿名函数 ' ) ;

      })();   //   函数对象();    弹出一个弹出框   “这厮一个匿名函数”

      立即执行函数也可以传参数:

      ( function (a , b){

        console .log ( ' a = ' + a ) ;

        console .log ( ' b = ' + b ) ;

      } ) ( 32 , 23 );   //  a = 32    b = 23 

 

      

原文地址:https://www.cnblogs.com/qtbb/p/11227569.html