码迷,mamicode.com
首页 > Web开发 > 详细

JS高程7.函数表达式(1)

时间:2017-08-16 13:17:53      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:cee   style   常见   console   enc   erro   返回   code   name   

定义函数的两种常见的方法:

1 . 函数声明

2. 函数表达式

# 差异

(1)函数声明 ,具有函数声明提升的特征。

(2)函数声明的函数的name属性为函数的名称;使用函数表达式定义的函数在ES5中,name属性为空字符串,在ES6中为函数的名称。

 #  函数声明提升

  函数声明

1 sayHello();//在函数声明之前调用函数不会报错,因为函数声明提升。
2 function sayHello(){
3     console.log("Hello!");//Hello!
4     console.log(sayHello.name);//sayHello
5 }

  函数表达式

1 sayHello();// TypeError: sayHello is not a function  使用函数表达式的方法定义函数,在变量声明函数之前调用函数会报错。
2 var sayHello = function (){
3     console.log("Hello!");//Hello!
4     console.log(sayHello.name);//sayHello。注意:在ES5中,匿名函数的name属性是空字符串(P176),在ES6中返回这个具名函数原本的名字。
5 }
6 sayHello();//在这里调用不会报错。  

# 注意以下这种情况

 

 1 //不要这样做。由于函数声明提升的原因,以下代码在ECMAScript中属于无效语法,浏览器尝试修正的错误的做法不一致。P176
 2  var flag = true;
 3  if(flag){
 4      function sayHi(){
 5          console.log("Hi");
 6      }
 7  }else{
 8      function sayHi(){
 9          console.log("Yo");
10      }
11  }
12  sayHi();//严格模式下会报错。 ReferenceError: sayHi is not defined

 

 

 1 //可以这样做,使用函数表达式。
 2  var flag = true;
 3  var sayHi;
 4  if(flag){
 5      sayHi = function(){
 6          console.log("Hi");
 7      }
 8  }else{
 9      sayHi = function(){
10          console.log("Yo");
11      }
12  }
13  sayHi();

 

JS高程7.函数表达式(1)

标签:cee   style   常见   console   enc   erro   返回   code   name   

原文地址:http://www.cnblogs.com/LinSL/p/7372758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!