摘要:1、定义:     函数声明    关键字 function  函数名 test  ()   { 代码体 }

脚本宝典收集整理的这篇文章主要介绍了

js实例教程-JavaScript函数方法定义、组成形式讲解

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

1、定义:

     函数声明

    关键字 function  函数名 test  ()   { 代码体 }

    函数名称 多个单词拼接时 小驼峰原则:第一个单词首字母小写,往后每个单词首字母大写

   function theFirstName(){

  }

   函数表达式

   var test = function test (){         可简化为: 匿名函数表达式   var test = function(){}   

    }   

函数都有个name的属性。

console.log(test.name)  ==>  test

命名函数表达式

var test = fucntion demo(){}   在后边这种情况下function demo(){} 充当表达式,此时demo没有任何实际意义,可以不写。

console.log(test.name)  ==>  demo

由于匿名函数表达式比较常用,因此简化为函数表达式  ,所以称函数表达式时,通常说的是匿名函数表达式。

2、函数组成形式

函数名称  

参数 (使函数变得强大)

function test (a, b){}  函数参数就相当于隐式的在函数体中声明了两个变量 ,没有赋值。在函数申明时占位的参数成为 形式参数

test(1,2)  在函数执行时可以通过传参数给对应的变量赋值。  在函数执行时传递的参数成为实参。

js方法中不定参数(注意查下es5es6区别)

function test (a){

   //arguments--[11, 2, 3]    //实参列表,无论形参有没有,实参都是有地方存储。

   console.log(arguments);

   console.log(arguments.length);   //实参的长度

   console.log(test.length);   //形参的长度

   for(var i = 0;i<arguments.length;i++){

            console.log(arguments[i]);   // 得到实参的每一位

    }

    console.log(a);

}

test(1,2,3)   == >    [11, 2 , 3]    3   1     1   //实参可以比形参多,也可以比形参少。

即使实参比形参个数少,但是依旧可以在函数中存放,并获取。在js的函数中都会有一个隐式的存储实参的类似数组的 arguments ---[]

利用实参列表求任意个数求和

function sum(){

  var result= 0;   

   for(var i = 0;i<arguments.length;i++){

            result += arguments[i];

            console.log(arguments[i]);   // 得到实参的每一位

    }

     console.log(result);

}

sum( 10 ,12 , 15, ......)   

扩展:

function test ( a, b){

   // 既然arguments中的存储的是不是同一个变量?

    a = 2;

    console.log(arguments[0]);   ==> 2   

    arguments[0] =3;  

     console.log( a);   ==> 3    

      //结论:本身在js中只有引用值才能,操作一个,改变另一个的,显然arguments[0] 和a 的值都是一个原始值。

         但是,arguments[0] 和 a 不是同一个变量,在js中这两个之间存在一个映射规则。

}

test(1, 2)

特殊情况:

function sum(a, b){

   b = 2 ;

   console.log(arguments[1]);   == >   ?     答案为: undefined

    //实参列表在仅在实参和形参有对应的时候,才会有映射规则。

}

sum(1)

函数的终止条件和返回值

 return; ==> 作用: 终止函数和返回函数值。

function test(){

    return 123;

}

var num = test (); ==>  123

1、定义:

     函数声明

    关键字 function  函数名 test  ()   { 代码体 }

    函数名称 多个单词拼接时 小驼峰原则:第一个单词首字母小写,往后每个单词首字母大写

   function theFirstName(){

  }

   函数表达式

   var test = function test (){         可简化为: 匿名函数表达式   var test = function(){}   

    }   

函数都有个name的属性。

console.log(test.name)  ==>  test

命名函数表达式

var test = fucntion demo(){}   在后边这种情况下function demo(){} 充当表达式,此时demo没有任何实际意义,可以不写。

console.log(test.name)  ==>  demo

由于匿名函数表达式比较常用,因此简化为函数表达式  ,所以称函数表达式时,通常说的是匿名函数表达式。

2、函数组成形式

函数名称  

参数 (使函数变得强大)

function test (a, b){}  函数参数就相当于隐式的在函数体中声明了两个变量 ,没有赋值。在函数申明时占位的参数成为 形式参数

test(1,2)  在函数执行时可以通过传参数给对应的变量赋值。  在函数执行时传递的参数成为实参。

js方法中不定参数(注意查下es5es6区别)

function test (a){

   //arguments--[11, 2, 3]    //实参列表,无论形参有没有,实参都是有地方存储。

   console.log(arguments);

   console.log(arguments.length);   //实参的长度

   console.log(test.length);   //形参的长度

   for(var i = 0;i<arguments.length;i++){

            console.log(arguments[i]);   // 得到实参的每一位

    }

    console.log(a);

}

test(1,2,3)   == >    [11, 2 , 3]    3   1     1   //实参可以比形参多,也可以比形参少。

即使实参比形参个数少,但是依旧可以在函数中存放,并获取。在js的函数中都会有一个隐式的存储实参的类似数组的 arguments ---[]

利用实参列表求任意个数求和

function sum(){

  var result= 0;   

   for(var i = 0;i<arguments.length;i++){

            result += arguments[i];

            console.log(arguments[i]);   // 得到实参的每一位

    }

     console.log(result);

}

sum( 10 ,12 , 15, ......)   

扩展:

function test ( a, b){

   // 既然arguments中的存储的是不是同一个变量?

    a = 2;

    console.log(arguments[0]);   ==> 2   

    arguments[0] =3;  

     console.log( a);   ==> 3    

      //结论:本身在js中只有引用值才能,操作一个,改变另一个的,显然arguments[0] 和a 的值都是一个原始值。

         但是,arguments[0] 和 a 不是同一个变量,在js中这两个之间存在一个映射规则。

}

test(1, 2)

特殊情况:

function sum(a, b){

   b = 2 ;

   console.log(arguments[1]);   == >   ?     答案为: undefined

    //实参列表在仅在实参和形参有对应的时候,才会有映射规则。

}

sum(1)

函数的终止条件和返回值

 return; ==> 作用: 终止函数和返回函数值。

function test(){

    return 123;

}

var num = test (); ==>  123

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

总结

以上是脚本宝典为你收集整理的

js实例教程-JavaScript函数方法定义、组成形式讲解

全部内容,希望文章能够帮你解决

js实例教程-JavaScript函数方法定义、组成形式讲解

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过