JavaScript基础知识(函数)

2018-06-24 01:16:29来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

14、函数

概念:定义一次,允许执行或调用多次      作用:允许重复执行某段指定的语句块

ü 函数的定义:

 (1)函数声明式 - 就是函数定义的语法要求 |  (2)字面量方式 - 类似于变量的定义方式

       function 函数名( ){               |       var 函数名 = function( ){

           函数体                      |             函数体

       }                               |        }

(3)构造函数方式 new Function(形参,函数体)

ü     函数的调用:

1、函数名( );/ /仅显示函数体             |  1、函数名( );/ /仅显示函数体

2、console.log(函数名)//【整体】均显示  |  2console.log(函数名); //=】后内容均显示

Eg: function 函数名( ){                   |     Eg:  function( ){      相对于关键字

        函数体                         |              函数体      后面调用

   }                                    |           }

2  函数声明方式与变量同名

2  函数字面量方式与变量同名

 

ü 函数的参数

    

 形参 - 函数的定义   作用 - 接收实参的值,在函数体中直接使用

实参 - 函数的调用   作用 - 实现调用函数时传递实际的值

  • ? 参数的个数:

function tool(a,b) {

   console.log(a,b)

   }

   tool( );  //undefined  undefined 

   tool(1);  // 1  undefined

   tool(1,2);  //1  2

   tool(1,2,3);   //1  2

形参的个数可以比实参多,多出来的形参值为undefined

实参的个数可以比形参多,多出来的实参没有传递到函数体中, 相当于空白

  • ? arguments对象

作用 - 直接接收调用函数时所传递的所有--实参(只能在函数体中使用)

用法 - arguments 对象替代定义的--形参

function add( ){

       console.log(arguments);

       }

        add( ); // 0

        add(1); // 1

        add(1,2); // 2

        add(1,2,3,4,5) // 5  括号里面有几个实参,就显示数值是几

  • ? return语句

     function 函数名(形参){            

         函数体;                         

         return 语句                       

     }                                 

     函数名(实参);                     

作用:将调用函数的计算结果进行返回

注意: return 语句并不是必需的;  默认没有return语句时 - undefined

  • 预定义函数---又称全局函数,允许直接使用

eval( )函数:

 

eg:  var js = "console.log('this is test')";  

eval(js);   // 'this is test'

 作用:将一段JavaScript代码的字符串,进行转换并执行    注意 - 具有安全问题

2 encodeURI( )和decodeURI( ):

encodeURI( ) 函数可把字符串作为URI进行[编码]

decodeURI( ) 函数可对encodeURI( )函数编码过的URI进行[解码]

URL - 统一资源定位符;     URI - 统一资源标识符

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript之DOM对象获取(1)

下一篇:前端-Vue结构思维导图笔记