02.23 「前端架构师30天快速掌握js14」之Function类知识点详解

此篇文章讲解目录:

  • 三种定义方法

  • 函数的重载

  • 函数变量

  • 函数的调用

三种定义方法

  1. function语句的定义方法

「前端架构师30天快速掌握js14」之Function类知识点详解

2. 函数变量的定义方法

「前端架构师30天快速掌握js14」之Function类知识点详解

3. 构造函数的方法定义

「前端架构师30天快速掌握js14」之Function类知识点详解

函数的调用

通过使用函数名(参数)的方式来调用函数方法

「前端架构师30天快速掌握js14」之Function类知识点详解

函数的重载

函数名仅仅是指向函数的指针,因此函数名与其他变量并没有什么不同,比如:

function sum(num1, num2){ return num1 + num2; } console.log(sum(10,10)); //20 var anotherSum = sum; console.log(anotherSum(10,10)); //20 sum = null; console.log(anotherSum(10,10)); //20

sum和anotherSum本质上并没有区别,两者都是指向这个函数方法的指针,所以在将sum赋值为null之后,anotherSum依然可以调用

「前端架构师30天快速掌握js14」之Function类知识点详解

函数的创建方法不同,在调用方法的时候,也是不同的,需要注意:函数声明和函数表达式在调用的时候会牵扯到预解释的概念:解析器会率先读取函数声明,并使其在执行任何代码之前可用;而函数表达式,则必须等到解析器执行到它所在的代码行时,才会被真正的解释执行

console.log(sum(10,10));//20

function sum(num1, num2){ return num1 + num2; }

如果换成函数表达式,就会报错了

console.log(sum(10,10));//Uncaught TypeError: sum is not a function

var sum = function(num1, num2){ return num1 + num2; }

「前端架构师30天快速掌握js14」之Function类知识点详解

函数变量

  1. 函数的参数变量

在调用函数时,您可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。使用,进行分隔参数,函数内部既可以使用参数名也可以使用arguments来解析参数

「前端架构师30天快速掌握js14」之Function类知识点详解

2. 函数本身当做参数变量

函数本身也可以当做变量来向另一个函数传递,也可以当做返回值来返回

「前端架构师30天快速掌握js14」之Function类知识点详解

大家好接下来我们会邀请前端架构师以连载的方式,通过30天的实战系统讲解JavaScript的专业知识,欢迎大家关注头条号“互联网IT信息”。


分享到:


相關文章: