JavaScript初学 学习笔记3:JavaScript函数知识点(1)

基本语法

函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。JavaScript 中的函数使用 function 关键字来声明,后跟一组参数以及函数体。函数的基本语法如下所示:

function functionName(arg0, arg1,...,argN) {
	statements
}

以下是一个函数示例:

function sayHi(name, message) { 
	alert("Hello " + name + "," + message); 
}

知识点:

函数的定义:

1.使用function语句定义函数

function name() {
	console.log('Hello World');
}

2.函数表达式

//命名函数表达式
var test = function abc() {
	console.log('Hello World2');	
}

//或者如下
//匿名函数表达式   简称函数表达式
var demo = function () {
	console.log('Hello World3');	
}

区别
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第1张图片

控制台运行
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第2张图片
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第3张图片

JavaScript中函数的形参实参

JavaScript 函数的参数与大多数其他语言中函数的参数有所不同。JavaScript 函数不介意传递进来多少个参数,也不在乎传进来参数是什么数据类型。也就是说,即便你定义的函数只接收两个参数,在调用这个函数时也未必一定要传递两个参数。可以传递一个、三个甚至不传递参数,而解析器永远不会有什么怨言。之所以会这样,原因是 JavaScript 中的参数在内部是用一个数组来表示的。函数接收到的始终都是这个数组,而不关心数组中包含哪些参数(如果有参数的话)。如果这个数组中不包含任何元素,无所谓;如果包含多个元素,也没有问题。实际上,在函数体内可以通过 arguments 对象来访问这个参数数组,从而获取传递给函数的每一个参数。

也就是说,如下代码均是可以实现的
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第4张图片
输出为
在这里插入图片描述
那么多余的实参去哪了?JavaScript 提供了一个隐式的东西,叫做arguments,它是一个类似于数组的对象,数组里面放了实参列表,
如下
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第5张图片
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第6张图片
再来举个实用例子,加深对arguments的印象
实参个数用
arguments.length来表示
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第7张图片

JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第8张图片
函数形参个数用
函数名.length来表示
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第9张图片

JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第10张图片
JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第11张图片
这三种方法均能改变b的值

JavaScript初学 学习笔记3:JavaScript函数知识点(1)_第12张图片

你可能感兴趣的:(#,Javascript)