JavaScript函数

function: 函数数据类型,相当于一个方法或者一个功能。
定义一个函数的步骤:

  1. 开辟一个新的空间地址 xxxff111
  2. 把函数体中的js代码当做字符串存到空间里(一个函数只是定义了,并没有执行的话,这个函数没有任何意义)
  3. 再把我们的地址给函数名

语法如下:

    function fn() {
        // 函数体
        // 一个功能或者一个方式实现的步骤
        alert('前端真好~');
    }
    // 执行这个函数
    fn();

函数首先会形成一个自己私有的地盘,把定义的时候,存在空间的js代码字符串当做js代码执行。

关于函数.png

现在用函数实现一个“求和”的需求:

    function sum() {
        var num = 1;
        num += 3;
        num *= 5;
        console.log(num);
    }
    sum();

由此可见,js中,function的一个特别大的作用(函数的封装):将实现一个功能的代码进行封装,以后如果用到了这个功能,代码没有必要再重新写了,只需要执行这个方法就好了。


第一次升级:形参(可以理解为一个变量)
形参作用:实现一个功能,发现部分原材料没有,在制定计划的时候,我们没有办法获取,我们就把需要的原材料定义在我们的形参上,在执行的时候,把原材料提供了就好了。
如果定义了形参,执行的时候没有传递值,那默认值是undefined

    function sum(num1, num2) {
        var total = 0;
        // 用typeof检查传递进来的形参是否传递正确
        if (typeof num1 !== 'undefined' && typeof num2 !== 'undefined') {
            total = num1 + num2;
        }
        console.log(total);
    }
    sum(1, 1); // 2
    sum(2, 2); // 4
    sum(1); // NaN, 1 + undefined = NaN

arguments: 是函数内置接受参数的机制。
内置:天生自带的,不管你是否传递了参数,也不管你是否写了形参,arguments一直存在。
arguments也是一个类数组,它有数字作为索引,索引从0开始,代表第几个传递的参数;还有一个length的属性,代表传递了多少个参数。
arguments获取其中的某一个元素,只能用arguments[索引],不能用arguments.item(索引)。
callee: arguments.callee代表的就是当前函数本身。

    function fn() {
        console.dir(arguments);
        // console.dir()比console.log()在控制台输出的信息更详细一些
        console.log(arguments.length);
    }
    fn(1, 2, 3);

    // 任意数求和
    function fn() {
        var total = 0;
        for (var i = 0; i < arguments.length; i++) {
            var cur = arguments[i];
            cur = Number(cur);
            if (!isNaN(cur)) {
                total += cur;
            }
        }
        console.log(total);
    }
    console.log(1); // 1
    console.log(1, 2); // 3
    console.log(1, 2, 3); // 6

函数执行的时候,会形成一个私有的地盘(这里面定义的变量,在外面不能直接使用)。
闭包:函数执行的时候会形成一个新的私有的作用域来保护里面的变量不受外界的干扰,这种保护机制叫做闭包。
外面想用什么,在函数里面直接的return返回就可以了,函数执行完成的整体就是这个值。
如果没有写return(或者只写了一个return;),则默认的返回结果undefined
在函数体中,return后面的代码不再执行,可以利用这一点来控制函数体中的代码执行到指定位置就结束。

    function fn() {
        var total = 0;
        for (var i = 0; i < arguments.length; i++) {
            var cur = arguments[i];
            cur = Number(cur);
            if (!isNaN(cur)) {
                total += cur;
            }
        }
        return total;
        total += 100; // 这里不再执行
    }
    console.log(fn(1, 2, 3));
    // 把函数执行完成的整体返回值赋值给外面的total变量
    var total = console.log(fn(1, 2, 3));
    console.log(total);

以上的函数都称之为实名函数,还有一种函数叫做匿名函数
匿名函数:

  1. 函数表达式:把一个匿名函数的定义部分当做一个值赋值给一个变量,或者一个元素的事件。
    var fn = function () {

    }
    fn();
    var oBody = document.getElementsByTagName('body')[0];
    oBody.onclick = function () {

    }
  1. 自执行函数: 定义和执行一起完成的.
    (function () {

    })();
    ~function () {

    }();
    !function () {

    }();
    +function () {

    }();
    -function () {

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

推荐阅读更多精彩内容

  • 在JavaScript中,函数即对象,程序可以随意操控它们。比如,JavaScript可以把函数赋值给变量,或者作...
    kissLife阅读 895评论 0 0
  • 目录 1.函数的声明 2.函数的属性和方法 3.函数的作用域 4. 函数的重载 5.闭包知识点 6.小结 关于函数...
    犯迷糊的小羊阅读 568评论 0 0
  • 函数就是最基本的一种代码抽象的方式。 定义函数function abs(x) {if (x >=0){return...
    _我和你一样阅读 439评论 0 0
  • 原文链接 Haskell和scala都支持函数的柯里化,JavaScript函数的柯里化还与JavaScript的...
    dreamapple阅读 2,511评论 0 24
  • 一小时学会写页面 作为一个懒癌晚期患者,总是习惯找各种简单的解决问题的方法,也习惯性把问题简单化,所以今天想分享给...
    默默前端路阅读 1,625评论 9 39