手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript 用函数语句和表达式定义函数的区别详解
javascript 用函数语句和表达式定义函数的区别详解
摘要:使用javascript多年,写过无数函数,今天却才真正弄明白两种函数定义的区别,真是悲剧,写下这个随笔,以时刻提醒自己要打好基础,一大把年...

使用javascript多年,写过无数函数,今天却才真正弄明白两种函数定义的区别,真是悲剧,写下这个随笔, 以时刻提醒自己要打好基础 , 一大把年纪了, 不能继续懵懵懂懂了。

通常我们会看到以下两种定义函数的方式:

复制代码 代码如下:

// 函数语句

function fn(str)

{

console.log(str);

};

// 表达式定义

var fnx=function(str)

{

console.log(str+ ' from fnx');

};

以前都是凭借自己手指的感觉随心所欲使用两者 -_- || ,今天看了js基础, 总算是解决了心中对他们的困惑:

两种方式都创建了新的函数对象, 但函数声明语句的函数名是一个变量名, 变量指向函数对象, 和通过var声明变量一样,函数定义语句中的函数被显示地提前到了脚本或函数的顶部, 因此它们在整个脚本和函数内都是可见的,但是使用var 表达式定义函数, 只有变量声明提前了,变量初始化代码仍然在原来的位置, 用函数语句创建的函数, 函数名称和函数体均被提前,所以我们可以在声明它之前就使用它。

代码例子如下:

复制代码 代码如下:

console.log(typeof(fn)); // function

fn('abc'); // abc

console.log(typeof(fnx)); // undefined

if(fnx)

fnx('abc'); // will not execute

else

console.log('fnx is undefined'); // fnx is undefined

// 函数语句

function fn(str)

{

console.log(str);

};

// 表达式定义

var fnx=function(str)

{

console.log(str+ ' from fnx');

};

代码很简单, 希望和我之前一样没有弄明白两者区别的同学能有所收获 。

【javascript 用函数语句和表达式定义函数的区别详解】相关文章:

javascript的 {} 语句块详解

javascript事件冒泡和事件捕获详解

JavaScript正则表达式中的global属性的使用

JavaScript中的this,call,apply使用及区别详解

JavaScript 正则表达式中global模式的特性

浅析Javascript匿名函数与自执行函数

javascript原型模式用法实例详解

JavaScript function函数种类详解

JavaScript中的条件判断语句使用详解

javascript验证邮件地址和MX记录的方法

精品推荐
分类导航