函数
通过函数可以封装任意多条语句,可以在任何地方,任何时候调用执行。
语法:
function functionName() {
statement
}
声明函数
构造函数
函数声明
函数表达式
var printName = function() {
statement;
}//匿名函数方式
参数
函数可以传递多个参数
没有传递值得命名参数将自动被赋予undefined值。
arguments
在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给参数的每一个参数。
使用arguments对象的length属性可以获知有多少个参数传递给了函数。
参数值也可以通过arguments[i]来获取。
示例:
function howManyArgs() {
console.log(arguments.length);
}
howManyArgs('string',45); // 2,传递了2个参数
重载
ECMAScript没有重载
在其他语言中,可以为一个函数编写两个定义,只要两个定义的签名(接受的参数的类型和数量)不同就可以。
但是在ECMAScript中函数没有签名,其参数是包含零个或多个值的数组来组成的。它所谓的命名参数只是提供便利,但不是必需的。没有函数签名,就做到无法重载。
如果ECMAScript定义了两个名字相同的函数,则改名字属于后定义的函数
返回值
调用return后,函数立即终端并返回结果,即使后面有语句也不执行。
没有return会呈现undefined。
console.log()本身的执行结果是undefined,其本身没有返回值。
声明提前
变量声明前置
示例:
console.log(a);
var a = 1;
console.log(a);
结果为undefined 1。
JavaScript 仅提升声明,而不提升初始化
上面示例可理解为:
var a;
console.log(a);
a = 1;
console.log(a);
函数声明前置
执行代码前会先读取函数声明,即函数声明不必放在调用的前面,它可以放在当前作用域的任何位置。
示例:
fn();
function fn() {
return('hello');
}
执行过程:
1、找到所有用function声明的变量
2、将这些变量初始化并赋值
3、开始执行代码fn()
function声明会在代码执行之前就创建、初始化、赋值
注意
变量声明和函数声明都会提升,函数声明提升的优先级高于变量声明提升。
示例:
fn()
sum(3,4)
var fn = function(){
console.log('fn...')
}
function sum(a,b){
return a + b;
}
可理解为:
var fn
function sum(a,b){
return a + b;
}
fn()
sum(3,4)
fn = function(){
console.log('fn...')
}
立即执行的函数表达式
IIFE也称自执行匿名函数,表达式的变量不能从外部访问。
(function () {
statements
})();
声明一个匿名函数,马上调用这个匿名函数
作用:创建一个独立的作用域,避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。
命名冲突
function fn(fn){
console.log(fn);
var fn = 3;
console.log(fn);
}
fn(10) //10 3
可以写为
function fn(){
var fn = arguments[0];
console.log(fn);
var fn = 3;
console.log(fn);
}
fn(10) //10 3