freeCodeCamp/guide/chinese/javascript/function-invocation/index.md

2.0 KiB
Raw Blame History

title localeTitle
Function Invocation 函数调用

函数调用

调用函数时,将执行函数内的代码。通常使用术语“调用函数”而不是“调用函数”。

调用函数时,函数必须在范围内。函数的作用域是声明它的函数,如果它是在顶层声明的整个程序。

function myFunction(a, b) { 
  return a * b; 
 } 
 myFunction(10, 2);           // Function invocation, will return 20 
 
 //optional parameters (es6 only) 
 //allow to set optional parameters 
 
 function myFunction(a, b = 10) { 
  return a * b; 
 } 
 myFunction(1);           // Function invocation, will return 10 
 myFunction(1,5);           // Function invocation, will return 5 

在示例代码中a和b是函数的参数它们保存值10和2它们是函数调用中使用的参数。

调用函数作为方法

在JavaScript中您可以将函数定义为对象方法。

以下示例创建一个对象( myObject ),其中包含两个属性( firstNamelastName )和一个方法( fullName

var myObject = { 
  firstName:"John", 
  lastName: "Doe", 
  fullName: function () { 
    return this.firstName + " " + this.lastName; 
  } 
 } 
 myObject.fullName();         // Function invoked as a method, will return "John Doe" 

箭头功能

在最新版本的Javascript中您还可以使用箭头函数缩短语法。 以下演示了两个功能。一个用标准形式写成一个用箭头写成。请记住箭头函数没有自己的thisargumentssuper或new.target。

//regular function 
 
 function addStuff(args) { 
   return args + 2; 
 } 
 
 addStuff(2); 
 //returns 4 
 
 //arrow function 
 
 var addStuff = (args) => args + 2; 
 addStuff(2); 
 //returns 4 

这个简写版本的箭头函数有一个隐式返回因此您不指定return语句。

更多信息:

  • 功能文档: MDN