javascript初级篇—函数、初始作用域

函数

• 定义
  • 函数声明
  • 函数表达式
• 组成形式
  • 函数名称(*尽量使用驼峰式命名规则)
  • 参数
    • 形参
    • 实参
  • 返回值
• 作用域

函数声明

JavaScript 使用关键字 function 定义函数。函数可以通过声明定义，也可以是一个表达式。

<script type = text/javascript>
function test(){
	//代码块
}
</script>

弱类型语言永远都输出不了地址，只能输出地址所指向的空间！

函数表达式

命名函数表达式

JavaScript 函数可以通过一个表达式定义。

<script type = text/javascript>
var x = function test() {//（忽略名字）
	return "hello";
}
</script>

匿名函数表达式(常用)

JavaScript 函数可以通过一个表达式定义。

<script type = text/javascript>
var x = function () {
	return "hello";
}
</script>

匿名函数表达式和函数表达式区别在于匿名函数表达式的x.name=x。而函数表达式的x.name=test。

参数

在调用函数时，您可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。可以传递任意多的参数，由逗号 (,) 分隔开。

<script type = text/javascript>
function sum(a, b) {//等同于var a;var b;(形式参数--形参)
	var c = a + b;
	document.write(c);
}
sum(1,2);(实际参数--实参)
</script>

实参大于形参个数时，不会报错。但实参与形参匹配的参数和多余的实参会同时存放在实参列表中(即arguments)

不定参数的运用

<script type = text/javascript>
function sum() {
	var result = 0;
	for(var i = 0; i < arguments.length; i++){
	result += arguments[i];
	}
	console.log(result);
}
sum(1,2,3,4,5,6);
</script>

形参和实参相同时，形式参数和实参列表(arguments)里对应的参数值有一个映射关系，同时改变，但是他们属于两个不同的变量。当形参比实参多时，这个映射关系不存在了

返回值

终止函数的作用

<script type = text/javascript>
function sum(a, b) {
	return a + b;//又终止函数又返回值
}
var c = sum(1,2);//3
</script>

作用域

变量（变量作用域又称上下文）和函数生效（能被访问）的区域

全局变量

在script标签里面定义的变量

局部变量

在函数里面定义的变量

作用域的访问顺序

1.函数里面能使用函数外面的变量，函数外面不能访问里面。
2.函数与函数之间的变量不能相互访问。

---

三连博主，每天分享一个你不知道的前端冷知识！！！
阅读更多