函数

函数

通过函数可以封装任意多条语句,可以在任何地方,任何时候调用执行。

语法:

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容