函数的调用

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容