JavaScript关于函数

今天是函数基础部分!有点心理准备!
老规矩,先放思维导图!
图片哪里不懂,结合下面文字对应理解!

javascript05.jpg

认识函数

在一个完整的项目中,某些功能会被反复的使用到,那么,我们就将该功能封装进一个函数,当要使用该功能时,直接调用函数即可。
注意:函数是对功能的封装
优点
1.节省代码,使程序结构简单易懂,提高代码的重复度(重复利用度)
2.如果修改某个功能,调试某个bug,只需要对应修改函数即可

函数概述

结构

    function 函数名(参数列表) {
        语句
        return 表达式;
    }

理解
1.function:函数的关键字,说明这是一个函数;
2.函数名:遵守标识符的规则;
3.()参数列表的开始和结束
4.参数列表:是函数从函数的调用者那里获取的数据 可以没有参数
5.{}:函数体的开始和结束;
6.语句:函数封装的功能
7.return 表达式; :return是给函数的调用者返回的数据用,返回的数据为“表达式”的值,返回到调用函数的地方。
return 表达式; 可以不显示的写出来,如果没有,我们默认返回undefined。
注意:函数声明之后不会被执行,只是声明了而一个有该功能的函数。
函数的调用
函数名(参数列表)
函数的调用,可以在函数的声明之前
函数名:具有某种功能的函数的名字
参数列表:是调用者给函数的数据
小例子
编写一个简单的函数
简单的函数:没有参数,没有返回值

        introduce();
        function introduce() {
            console.log("good");
        }

函数的调用可以在函数的声明之前

函数的参数

参数可以有多个,多个参数之间用逗号分隔
函数调用的本质就是实参给形参赋值的过程(对应赋值)
小例子

        //此时str和age称为形式参数(形参),本质是变量
        function myConsole(str, age) {
            console.log(str+"he is "+age);
        }

        //调用函数传的参数称为实际参数(实参),本质是值
        //函数调用的本质就是实参给形参赋值的过程(对应赋值)
        myConsole("fanfan is a good girl!", 18, "nice", "beautiful");

注意
函数接收参数没有任何顾虑,可以接收任意多个

函数的返回值

return

        function mySum(num1, num2) {
            var sum = num1 + num2;
            // console.log(sum);//在功能函数中尽量避免打印
            return sum;//结束函数的
        }

        //接收了函数的返回值的值
        var ret = mySum(5, 6);

函数的作用域

注意:JS中变量的作用域不是以代码块来区分,而是以函数来区分
变量的作用域:变量能使用的范围
全局变量
定义位置:所有函数以外定义的变量
作用域:那里都能用(这句话不严谨,有瑕疵)
局部变量
定义位置:函数内用var定义的变量
作用域:在定义的当前函数内可以使用

        var num = 10;
        function f(){
            num2 = 30;//定义变量,不用var定义的变量默认为全局变量
            //函数内部可以访问全局变量
            console.log(num);
            num++;
            var num1 = 20;
            console.log(num1);
        }
        //调用
        f();
        console.log(num);
        //找不到名为num1的变量,此时这个num1是函数f中的局部变量
        //console.log(num1);
        //
        console.log(num2);

变量的提升

当程序进入一个新的函数时,会将该函数中所有的变量的声明放在函数开始的位置。仅仅会提升变量的声明,不会提升变量的赋值。

    var num = 10;
    function f(){
        console.log(num);//undefined// 声明了变量,但是变量没有被赋值,所以结果是undefined;
        //var num;
        //当局部变量与全局变量同名时,优先使用局部变量。
        var num = 20;//num=20
        console.log(num);//20
    }
    f();
    //函数外面使用的是全局变量的num;
    console.log(num);//10

函数也是一种数据

用变量保存函数,可以通过变量访问函数(调用函数)

    function fun(){
        console.log("good");
    }
    //用变量保存函数,可以通过变量访问函数(调用函数)
    var f = fun;
    //通过变量执行函数(访问函数,调用函数)
    //变量名(参数列表);

    f();//此时f()与fun()相同
    fun();//

    //函数可以作为参数传递

匿名函数

匿名函数:没有名字的函数
当匿名函数没有赋值给另一个变量时有两种优雅的用法

1、直接传递给函数
        var a = function (){
            console.log("sunck is a good man");
        };
        a();
2、执行某些一次性的代码
       function m(mySum, q, w) {
            return mySum(q, w);
        }

        var ret = m(function(a, b){
            return a + b;
        }, 1, 2);
        console.log(ret);

即时函数

即时函数:当函数声明之后立即执行
组成:()()
结构:(匿名函数)(给第一个小括号中的匿名函数传递的参数)
第二个小括号表明函数立即执行,并且给函数传参

        (function(str){
            console.log(str);
        })("good girl");

函数有固有格式,一定要对应,基本的概念就是这样了,网上有很多练习的习题。可以自己找找练习练习。我也给大家找一个典型的,用函数的思想好好练习一样。

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

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,102评论 0 13
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,511评论 0 5
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,703评论 0 38
  • 写了为什么不见了?
    光能量阅读 123评论 0 1
  • 1. 悠悠每天大呼小叫的说自己失恋了,其实悠悠根本没有男朋友。 悠悠前些天在朋友的微信群里认识了一个男生,两个人很...
    养生棠舍阅读 327评论 0 0