美文网首页
函数的调用

函数的调用

作者: 夜未央_M | 来源:发表于2019-01-08 15:10 被阅读14次

    f.call()

    我们知道数值赋给变量后是直接可以用的,比如

    n=1
    console.log(n)
    // ▶︎ 1
    

    函数则需要调用,其英文单词为 call,那如何调用一个函数呢?
    先声明一个函数 function f(x, y){return x+y}
    ★★★
    通常我们都是 f(x, y )调用,但是如果我们如果只打一个 f 那么return x+y这句会被执行吗?
    答案是不会,因为 f 就是一个变量,直接打一个 f, 那么这个变量就是占据了一定的内存空间,什么也不做。

    那么函数到底是什么?
    阮一峰在博客中写到 函数就是一段可以反复调用的代码块。
    比如求三角形面积, 如果我们觉得这一系列代码都在做一个事情, 那么我们就可以把他们放到一个函数体(可以反复调用)里面。
    反复调用就是每一次我们都可以传不同的参数,去运行代码(返回不同的值)。

    function 求三角形面积(width, height){
      var n = width*height
      var m = n/2
      return m
    }
    

    那么函数在内存中是如何存储的呢?
    答案是: 先把函数当成字符串去存储,

    求三角形面积.toString()
    -------------------------
    "function 求三角形面积(width, height){
      var n = width*height
      var m = n/2
      return m
    }"
    
    

    具体体现为


    然后通过 eval执行执行以下。(eval的意思是给一个字符串,把这个字符串当成代码给执行一下。)

    那么函数到底是什么?
    我们的总结为 函数是一个对象,这个对象可以执行一段代码。可以执行代码的对象就叫做函数,我们说的代码是我们写的代码,不是说它有什么方法。那么我们的知识点就组成了一个体系。那么我们来回顾一下。


    Js的7种数据类型
    简单类型:Number,String,Boolean,Undefined,Null,Symbol
    复杂数据类型:Object


    那么为什么那么多人用 f(x, y) 而不用f.call(x, y)?

    ★★★★★
    这两个调用方法是通用的,但是 f.call(x, y)才是真正的调用,称之为硬核(骨灰级玩家),而 f(x, y)则是糖,其实是 js 之父对新人的一种妥协。建议采用 call 调用,为后面对 this 的学习做铺垫。
    ★★★★★

    那么 f.call(x, y)是如何使用的呢?例子如下

    function f(x, y ){return x+y}
    f.call(undefined, 1, 2)
    // ‹ 3
    f.call(undefined, 4, 2)
    // ‹ 6

    相关文章

      网友评论

          本文标题:函数的调用

          本文链接:https://www.haomeiwen.com/subject/jdnvrqtx.html