04--函数,小练习,初始作用域

函数

编程讲究一个“高内聚、低耦合”的原则,就是把相同功能的代码抽取出来放到黑匣子里面,每次调用的时候调用这个黑匣子,就不用再自己写,避免了多次重复,在Javascript里面充当黑匣子的就是函数。耦合也就是重复的意思。

函数的function关键字跟Var没有本质的区别。函数的基本功能及调用:

function test(){
    var a = 123;
    var b = 234;
    var c = a +b;
    doucument.write(c);
}
test();  //357       //函数调用

函数定义

1、函数声明的基本形式:

//第一种
function test(){
    //这里写函数体
}

document.write(test)   //结果为function test(){}
//test指代函数体,test()才是执行函数

函数名和变量名的起名方式相似,需要注意的是,如果函数名或变量名是多个单词拼在一起,为了符合开发规范,应该满足小驼峰原则,如:theFirstName,第一个单词小写,其他单词开头字母大写。

2、函数表达式

//第二种:命名函数表达式
var test = function  testAbc(){
    document.write('a');    //这种方式类似于声明变量
}
//第三种:匿名函数表达式 ---- 比较常用,一般称为函数表达式
var demo = function(){
    document.write('b');    
}

document.write(test())    //a,这里执行必须调用test()

命名函数表达式形式声明函数会忽略函数的名字,这里定义了函数名也相当于匿名函数,也就是充当一个表达式就不能充当一个函数体,而命名函数表达式代表函数体的也是变量名test,不是abc。

三种方法只有一点区别,第一种定义和第三种定义方法的函数名称都是自己,而第二种是变量名。

组成形式

1、函数名称
必须得有函数关键字function、函数名、()、{}。
2、参数(可选)
javascript的参数不限制个数,这也是javascript参数的一个强大的功能。形参和实参的个数不定,实参可以比形参多,形参也可以比实参多。

  • 形参
    在括号里添加一个a,一个b,就相当于隐式的在函数体里面,声明两个变量,但没有值, 可以通过传递参数来给参数赋值。
function sum(a, b){
    //隐式声明  -- var a;   var b;
    document.write(a+b);
    //sume.length  -- 形参的长度
}

不需要声明参数的类型,这里的参数只代表了一种形式,所以称为形式参数。

每一个函数都有一个arguments -- [11,2,3] -- 实参列表,无论形参是否接受完实参,arguments都会把实参当做数组存起来。在没有接收完实参的情况下也能访问全部的实参列表。

function sum(a){
     //arguments -- [11, 2, 3]    实参列表
    //console.log(arguments);   //输出实参列表
    for(var i = 0; i< arguments.length; i++){
        console.log(arguments[i]);
    }
}
  • 实参
sum(11, 2, 3)

这里实际用的时候传递的参数是实际参数。

参数的长度:形参的长度通过sum.length即可以访问,实参的参数长度通过arguments.length可知。参数只要是变量,传什么类型都可以。

比较形参和实参个数:

function sum(a, b, c, d){
    if(sum.length > arguments.length){
        console.log('形参多了');
    }else if(sum.length < arguments.length){  
        console.log('实参多了');
    }else{
        console.log('参数相等');
    }
}

sum(2, undefined, 11,'abc',7);  

实现任意个数求和(这里展示了不定参数的强大功能):

function sum(){
    var result = 0;
    for(var i = 0; i< arguments.length; i++){
        result += arguments[i];
    }
    console.log(result)
}

sum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10);    

形参和arguments是同时变化的,但是他们不是同一个变量,系统内部有一个映射规则&,也就是一个变,另一个也跟着变。例如下面这个例子:

function sum(a, b){
    //arguments[1,2]
    //var a = 1;
    
    //第一种情况
    a = 2;
    console.log(arguments[0]);    //输出2

     //第二种情况
    a = 2;
    arguments[0] = 3;
    console.log(a);    //输出3
}

sum(1, 2);

但是,有一种情况,实参比形参少,这时候映射就不存在了。例如实参只有一个,形参有两个:

function sum(a, b){
    b = 2;
    console.log(arguments[1]);     //输出undefined
}
sum(1);

实参传递的时候有几个就有几个,定好了不会改变,这里让b=2也不会往实参列表添加值,因为它根本没有第二个参数,这时候b就相当于一个变量。

也就是形参和实参相等的时候才会有映射规则,不等的时候,形参多了就无法对应实参,不能完全映射。

3、返回值(return)

  • 一是终止函数,在函数结尾,如果没有加return,系统会隐式的添加一个return来结束函数。
  • 二是返回值,这个比较常用。
function myNumber(target){
    return +target;
}
var num = myNumber('123');
console.log(typeof(num) + " " + num);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容