js 函数

定义函数的方式有三种:

1.函数声明:     function  函数名称  (参数:可选)   {   函数体  }

2.函数表达式: var express= function  函数名称:可选  (参数:可选)   {  函数体 }

3.构造函数:     var fun =new  Function(参数:可选);

最常用的是函数声明和函数表达式。

一:函数声明

从上面的定义可以看出,函数声明是以关键字function开头声明一个函数,然后必须具备一个函数名称。

函数声明有一个非常重要的特征:函数声明提升,javascript引擎在解析代码时,函数声明将会被提升到当前作用域的顶部(跟变量提升非常类似)。正是因为这个特征,所以可以把函数声明放在调用它的语句后面。

 如下例:

foo("hello");   //输出  hello

function foo(name){

console.log(name);

}

二:函数表达式

从上面的定义可以看出,函数表达式是作为表达式语句的一部分存在;当它没有函数名称的时侯,则称为匿名函数;

匿名函数:function ( 参数 ) { 函数体 }   匿名函数属于函数表达式。

函数表达式与函数声明的区别是:函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表达式,所以,调用它的语句不可以放在它之前。

如下例:

express();  //报错,函数调用必须在函数表达式之后

console.log(express);  //undefined 变量提升

var express=function () {

console.log("hello word!");

}

三:立即执行函数

先看几个例子:

var express=function () {

console.log("hello word!");

}();    //运行,发现函数直接执行,结果输出了"hello word!"


function () {

console.log("hello word!");

}();   //报错    Uncaught SyntaxError: Unexpected token )   

因为以function开头,认为是函数声明,结果没有函数名,就报错了


function foo() {

console.log("hello word!");

}();   //报错    Uncaught SyntaxError: Unexpected token )   (注意:网上好多文章写的不报错,一看就没有自己验证过)   

虽然,这个function在语法上没问题,但是依然只是一个语句,加上括号依然报错,是因为语句中的分组操作符要包含表达式。


综上,我们可以得到,在函数表达式后面紧跟一个小括号(),函数会立即执行,两大要点是:表达式、括号();

所以,立即执行函数的写法就是:

( function(){…} )() 或  ( function (){…} () )  

这里的括弧是消除歧义的,它告诉解析器,里面的内容是表达式。

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

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,195评论 0 13
  • 函数声明和函数表达式有什么区别 (*)解析器会率先读取函数声明,并使其在执行任何代码之前可以访问;函数表达式则必须...
    coolheadedY阅读 400评论 0 1
  • 函数声明和函数表达式有什么区别? 函数声明和函数表达式是EMACScript规定的两种不同的声明函数的方法。1.函...
    LeeoZz阅读 354评论 0 1
  • 1. 函数声明和函数表达式有什么区别 (*) 函数在JS中有三种方式来定义:函数声明(function decla...
    进击的阿群阅读 453评论 0 1
  • 一、问答1、函数声明和函数表达式有什么区别 ()函数声明和函数表达式都是声明函数的方法。函数声明:function...
    崔敏嫣阅读 360评论 0 0