整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JavaScript函数介绍:5分钟了解JavaScript

么是函数?

把一段相对独立的具有特定功能的代码块封装起来,形成一个独立实体,就是函数,起个名字(函数名),在后续开发中可以反复调用。函数的作用就是封装一段代码,将来可以重复使用。推荐了解黑马程序员web前端课程。

为什么要使用函数?为了解决代码的重用!减少代码量。

函数的分类

系统内置函数 和 程序员自定义函数

定义函数

function 函数名([参数列表]){
    函数体
}

结构说明:

·function它是定义函数的关键字 不可以省略。

·函数名它的命名规则与变量名是一样的

  • (1)可以使用大小写英文字母、下划线(_)、美元符号($)、数字组成
  • (2)不能使用数字开头
  • (3)不能使用JS中的关键字和保留字作为函数名
  • (4)如果函数是由多个单词组成的,那么可以使用下划线连接法和驼峰法
  • (5)严格区分大小写

·函数名后面紧跟着一对小括号 这一对小括号不能省略

·小括号里面可能有参数,我们将其称之为形参

·小括号后面紧跟着一对大括号 这一对大括号不能省略

·大括号里面是函数体

注意:函数定义了一定要调用函数

调用函数

格式:

    函数名([实参列表])

注意:在定义函数时如果有形参 反过来说 在调用的时候也要有实参 但是这个不是绝对的!

同名函数后面的会将前面的覆盖

函数一定是先定义后再调用

函数的参数

函数的参数分为两种:

形式参数和实际参数

形式参数:在定义函数的时候的参数就称之为形式参数,简称“形参”。在定义函数的时候 在函数名的后面的小括号里面给的变量名。

实际参数:在调用函数的时候的参数就称之为实际参数,简称“实参”。

在一个函数中,参数的多少是根据功能来定义的!

使用函数来动态的输出M行N列的表格

一般在函数体里面不会有输出语句,只会有一个return关键字,将我们要输出的内容返回给函数的调用者。

·return在英文中表示“返回”的意思

·return关键字是在函数体里面使用。

它在函数体使用有两层含义:

  1. 当函数体里面遇到了return关键字以后,当前的这个函数就不会再往下进行执行了。

2.它会向函数的调用者返回数据(重点)返回值


格式:return数据;

在调用函数时可以定义一个变量要接收到这个函数的返回值

注意:

我们在以后的工作中,函数体里面尽量不要有输出语句(document.write alert console.log ),尽量的使用return关键字将数据返回给函数的调用者。

特别强调:

·在一个函数里面,return关键字可以有多个,但是return只会执行一次;

·return关键字它只能返回一个数据,如果需要返回多个数据,我们可以将多个数据使用数组的方式来保存,然后再将数组返回。


匿名函数

什么是匿名函数?

没有名字的函数 称之为匿名函数!注意:匿名函数在JS中使用最多。

匿名函数也是需要调用的!

将匿名函数赋值给变量或者是事件

a)将匿名函数赋值给变量,然后通过变量名加上小括号来调用匿名函数

b)将匿名函数赋值给事件 *****

将匿名函数赋值给事件,那么匿名函数什么时候才会执行?它要等到事件触发了以后,匿名函数才会执行。

什么是变量的作用域?

指变量在什么地方可以使用,什么地方不可以使用。

变量作用域的分类

变量作用域分为:全局作用域和局部作用域。

变量的作用域是通过函数来进行划分的。


在函数外面定义的变量我们将其称为全局变量,它的作用域是全局的。

全局作用域: 在任何地方都可以访问到的变量就是全局变量,对应全局作用域

局部作用域: 在固定的代码片段内可访问到的变量,最常见的例如函数内部。对应局部作用域(函数作用域)


问:是否能够提升局部变量的作用域呢?将局部变量的作用域提升至全局作用域。在函数里面定义的变量也能够在函数外面访问到。

只需要将函数里面定义的变量的var关键字给去掉就可以实现将局部变量的作用域提升至全局作用域。

但是:并不建议直接就var 关键字给省略,我们建议在函数的外面定义一个同名的全局变量。

果您已经开始学习JavaScript了,那是时候了解下基本函数了,本章节为大家分享JavaScript基本函数!

什么是函数?

一般来说,函数是经过精心挑选和设计以执行特定任务的子程序

它是一个对象。要执行一个函数,您将调用它,也称为调用函数。您还可以将值传递给函数以在函数中使用。事实上,函数总是会返回一个值。因此,如果您不指定返回值, JavaScript 函数将返回 undefined

什么是 JavaScript 函数?

您可以通过多种方式在代码中定义 JavaScript函数。首先,您将使用函数声明。您可以使用关键字function创建函数声明,然后添加函数的名称。当您使用函数声明时,您将提升函数定义,这将允许您在定义函数之前使用它。

接下来,您有一个任务 JavaScript 函数表达式。这定义了一个匿名或命名的名字 JavaScript 函数。匿名函数是尚未命名的函数。因为函数表达式不能被提升,所以在定义它们之前不能使用它们。

创建函数表达式的较短语法是箭头函数。这种类型的 JavaScript 函数不会创建自己的值。它仅用于编写不同的功能。

参数(arguments)和参数(parameters)

您可能听说过“arguments”和“parameters”这两个术语可以互换使用,这可能会导致您认为它们是同一个东西。虽然这两个术语在涉及 JavaScript 函数时非常相似,但您应该了解一些非常重要的区别。

参数用于定义JavaScript 函数。这意味着参数是在定义 JavaScript 函数是最初创建的名称。在进行函数定义时,您可能会传递多达 255 个 JavaScript 参数。使用逗号将参数与下一个参数隔开。

如何调用函数

当您调用JavaScript 函数时,您正在执行该函数,也称为调用它。要调用函数,首先添加JavaScript 函数的名称,后跟两个括号。为了帮助您更好地理解 JavaScript的这个组件。

如果您当前使用的是Google Chrome,请打开开发者控制台。这将允许您练习 JavaScript 函数。要打开此开发人员控制台,请按 Ctrl + Shift + J(对于 Windows)Cmd + Opt + J(对于 Mac)

首先,让我们定义一个名为 logIt的 JavaScript 函数。这个 JavaScript 函数将有一个参数:“city”。执行完此函数后,我们将名称记录到控制台中。它看起来像这样:

如果你想调用这个函数,你可以调用它并将它传递给一个参数。在此示例中,JavaScript 函数名为 Dallas。它看起来像这样:

如果您的函数没有任何参数,则可以使用一组空括号来调用它。它看起来像这样;

什么是 JavaScript 函数返回?

在 JavaScript 中,除非您另行指定,否则每个函数都将返回undefined。让我们通过调用一个空的JavaScript 函数

在上面的示例中,JavaScript 函数将返回 undefined。要自定义它将返回什么,我们可以使用关键字“return”,然后是我们希望它返回的值。

在上面的示例中,我们已经告诉 JavaScript 函数我们希望它返回false。调用此函数允许这种情况发生。这很重要,因为函数返回的值将返回给函数的调用者。

表达式将创建一个 JavaScript 函数,该函数将给出的一个值是什么 num 参数的两倍的值。然后,您可以调用此 JavaScript 函数并未将返回的值保存到变量中:

注销此测试值会返回结果为 9。关于 return 语句的另一个重要规则是它会立即停止函数。

JavaScript 函数对象

函数本质上是一个函数对象。这是一个事实,即如果某些东西不是原始的,那么它就是一个对象。JavaScript对象用途广泛;它甚至可以让我们将 JavaScript 中的函数作为参数移动到另一个 JavaScript 函数。

当一个 JavaScript 函数接受另一个参数函数时,这是一个高阶函数。无论您目前是否参加了会议 JavaScript 训练营,您很可能已经在 JavaScript 使用过一个高阶函数,但并没有意识到这一点。这方面的两个例子是Array.prototype.filterArray.prototype.mapand。这些只是众多高阶函数中的一小部分。

总结:总而言之,JavaScript 函数是一个对象。它是子程序的一部分,其目标是完成一种特定类型的任务。一个 JavaScript 函数被提升,而一个表达式没有。要执行 JavaScript 函数,您将调用它,这称为调用函数。您也可以将值传递给函数,以便在函数中使用它,也称为参数,而其本身的值是参数。一个函数总是会返回一个值,但是 JavaScript 中没有返回值的函数会以未定义的形式返回。

avaScript 函数语法

函数就是包裹在花括号中的代码块,前面使用了关键词 function:

function functionname()

{

这里是要执行的代码

}

当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

提示:JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。

实例:

调用带参数的函数

在调用函数时,您可以向其传递值,这些值被称为参数。

这些参数可以在函数中使用。

您可以发送任意多的参数,由逗号 (,) 分隔:

myFunction(argument1,argument2)

当您声明函数时,请把参数作为变量来声明:

function myFunction(var1,var2) { 这里是要执行的代码 }

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

实例:

就会弹出:

函数很灵活,您可以使用不同的参数来调用该函数,这样就会给出不同的消息

实例:

这里就不给截弹框图了。

带有返回值的函数

有时,我们会希望函数将值返回调用它的地方。

通过使用 return 语句就可以实现。

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

语法

function myFunction()

{

var x=5;return x;

}

上面的函数会返回值 5。

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

函数调用将被返回值取代:

var myVar=myFunction();

myVar 变量的值是 5,也就是函数 "myFunction()" 所返回的值。

即使不把它保存为变量,您也可以使用返回值:

document.getElementById("demo").innerHTML=myFunction();

"demo" 元素的 innerHTML 将成为 5,也就是函数 "myFunction()" 所返回的值。

您可以使返回值基于传递到函数中的参数:

实例:

计算两个数字的乘积,并返回结果:

"demo" 元素的 innerHTML 将是:12;注释的求余。

在您仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的:

function myFunction(a,b) { if (a>b) { return; } x=a+b }

如果 a 大于 b,则上面的代码将退出函数,并不会计算 a 和 b 的总和。

局部 JavaScript 变量

在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕,本地变量就会被删除。

全局 JavaScript 变量

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的 JavaScript 变量来分配值

如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

这条语句:carname="Volvo";

将声明一个全局变量 carname,即使它在函数内执行。