JS函数

时间:2020-02-23 14:33:49  来源:igfitidea点击:

在本教程中,我们将学习JavaScript函数。

函数

函数是调用该函数时执行的代码块。

我们使用函数来重用一段代码。

语法

为了在JavaScript中创建函数,我们使用function关键字,后跟函数名称。
然后,我们可以使用括号"()"来包含一些参数。
最后,我们在花括号" {}"中添加了一些代码。

在下面的示例中,我们具有一个" hello"函数。

function hello() {
	console.log("Hello World!");
}

命名函数

JavaScript函数的名称必须唯一,并且只能使用以下字符。

  • 字母a-z A-Z
  • 数字0-9
  • 美元符号$
  • 下划线_

以下是一些有效的函数名称。

function name() {
	
}

function age() {
	
}

function school_name() {
	
}

function _temp() {
	
}

以下是无效的函数名称。

function 1address() { //invalid starts with digit

}

function student-name() { //invalid using the - symbol

}

调用函数

当我们想调用(调用)一个函数并执行其代码时,我们在函数名之后使用()运算符。

在下面的示例中,我们具有函数" hello",并调用它以在浏览器控制台中打印" Hello World"。

//this is function declaration
function hello() {
	console.log("Hello World!");
}

hello();	//this will invoke the function

函数声明

函数声明是创建具有零个或者多个参数的函数。

以下是函数声明的示例。

function hello() {
	console.log("Hello World!");
}

我们使用函数名称和()调用或者调用函数。

函数表达

它是在不使用函数名称的情况下创建的函数。
没有名称的函数称为匿名函数。

以下是函数表达式的示例。

var hello = function() {
	console.log("Hello World!");
}

我们可以使用保存它的变量的名称来调用函数表达式。
在上面的例子中,函数表达式被分配给hello变量,因此,为了调用该函数,我们使用hello()

返回

默认情况下,函数在调用或者调用时返回" undefined"。
为了返回一个特定的值,我们使用return语句。

在下面的示例中,函数" hello()"没有返回语句。
因此,它返回未定义。

//function declaration
function hello() {
	console.log("Hello World!");
}

//invoking function and printing its returned value undefined.
console.log(hello());

上面的代码将Hello World!未定义

在以下示例中,函数getMessage()将返回" Hello World!"。
串。

//function declaration
function getMessage() {
	return "Hello World!";
}

//invoking function and printing its returned value "Hello World!".
console.log(getMessage());

上面的代码将Hello World!

函数参数

函数参数是我们传递给函数的值的占位符。
这些是括号"()"内的名称

函数参数就像变量一样,遵循相同的命名约定。

我们传递给函数的实际值称为参数。

在下面的示例中,我们有一个具有两个参数x和y的函数" add"。
此函数将返回等于x + y的结果。
我们将3和4作为参数传递给add函数,然后返回7。

//declaration
function add (x, y) {
	return x+y;
}

//call
var sum = add(3, 4);

//output
console.log(sum);	//this will print 7