工业UI开发技术-课件 2-3-8 函数定义和调用.pptxVIP

函数定义和调用

深圳市信息职业技术学院

函数定义

01

目录

02

03

函数表达式

闭包

04

call

05

apply

本节目标

通过对JavaScript的基本语法的介绍，掌握JavaScript的语法。通过实训案例的讲解掌握流程控制，类与对象，DOM编程等内容。最后通过任务实施完成JavaScript的全面掌握与灵活运用。

通过本节学习可以：

掌握JavaScript的基本语法

掌握JavaScript的流程控制

掌握JavaScript类与对象的概念

掌握JavaScript的DOM编程

掌握ES6标准

01

函数定义

函数

函数是一个可重用的代码块，用来完成某个特定功能。每当需要反复执行一段代码时，可以利用函数来避免重复书写相同代码。

函数包含着的代码只能在函数被调用时才会执行，就可以避免页面载入时执行该脚本

在JavaScript中，可以使用以下三种方法来定义一个函数

使用function语句定义函数

使用Function()构造函数来定义函数

在表达式中定义函数

Function定义

function函数名(参数1，参数2……[形参]){

语句块

return返回值

}

function关键字：用于定义一个函数

函数名：函数名通常是一个合法的标识符,是唯一的，区分大小写的

参数：在函数里，可以有0个或者多个参数。如果有多个参数，参数与参数之间要用逗号隔开。无论函数是否有参数，小括号必需要有

函数体：用大括号括起来的代码块，即函数的主体

返回值：函数返回的值由关键字return完成，可选项

构造函数定义

在JavaScript中，可以使用Function()构造函数来定义函数，语法结构如下

var函数名=newFunction(“参数1”，”参数2”，”参数3”……”函数体”);

在使用Function()构造函数的时候，第一个字母要大写

每次调用构造函数时都会解析函数体，并且创建一个新的函数对象，效率非常底

Function()构造函数只能在JavaScript1.1或更高版本中使用

var函数名=newFunction(x,y,varz=x+y;returnz;);

在表达式中直接定义函数

语法：var函数名=function(参数1，参数2，…){函数体};

在表达式中定义函数的方法只能在JS1.2版本或以上版本中使用

函数名（）

函数名/变量名

varrightKey=function(){

if(event.button==2){

alert(禁止使用鼠标右键);

}

}

window.onmousedown=rightKey;

函数调用

1.直接调用

2.事件处理中调用

3.将函数的返回值赋给变量

myFunction();或window.myFunction()

divonclick=“myFunction()”/div

vart=myFunction();

函数的参数

1.JavaScript中的函数允许给行参赋初始值

2.传递的参数个数与函数定义好的参数个数可以不匹配，当不匹配时：

如果传递的参数个数小于函数定义的参数个数，JavaScript会自动将多余的参数值设为undefined；

如果传递的参数个数大于函数定义的参数个数，那么多余传递的参数将会被忽略掉。

函数的返回值

return语句并不是必须的

默认情况下，函数的返回值为undefined

在使用return语句时，函数会停止执行，并返回指定的值。

注意：整个JavaScript并不会停止执行，仅仅是函数。JavaScript将继续执行代码，从调用函数的地方。

functionmyFunction(){

varx=5;

returnx;

}

02

函数表达式

函数表达式

IIFE:ImmediatelyInvokedFunctionExpression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。

(functionfoo(){

vara=10;

console.log(a);

})();

03

闭包

什么是闭包

能够访问另一个函数作用域的变量的函数。

能够实现跨域调用变量。

它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

闭包的缺点

由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包

闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（PublicMethod），把内部变量当作它的