zoukankan      html  css  js  c++  java
  • 函数

      创建函数的方式:

        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 

     

          

  • 相关阅读:
    【转】Intellij IDEA常用配置详解
    scala(一)
    scala(三)
    Scrapy学习篇(六)之Selector选择器
    Scrapy学习篇(五)之Spiders
    Scrapy学习篇(四)之数据存储
    Scrapy学习篇(三)之创建项目
    Scrapy学习篇(二)之常用命令行工具
    Scrapy学习篇(一)之框架
    git实现github仓库和本地仓库同步
  • 原文地址:https://www.cnblogs.com/qtbb/p/11227569.html
Copyright © 2011-2022 走看看