js中关于function两种声明的区别——预解析

转载 2017年10月13日 14:23:54

本文转自(摘要):让我印象深刻的javascript面试题

总结:

//函数表达式,和变量声明同等

var a=function(){
    alert(10)

//函数声明,优于变量声明    
function a(){
    alert(10)


————————————————————————————————————————————————————————————————

例子:

alert(a)
a();
var a=3;
function a(){
    alert(10)
}   
alert(a)
a=6;
a();  

------------分割线------------------

alert(a)
a();
var a=3;
var a=function(){
    alert(10)
}   
alert(a)
a=6;
a(); 


考点其实就两个,第一变量声明提前,第二函数声明优先于变量声明!
下面我简单分析一下,
第一部分运行结果:
1.函数声明优先于变量声明,所以,刚开始,a就是function a(){alert(10)} ,就会看到这个函数。
2.a(),执行函数,就是出现alert(10)
3.执行了var a=3; 所以alert(a)就是显示3
4.由于a不是一个函数了,所以往下在执行到a()的时候, 报错。
第二部分运行结果:
1.underfind
2.报错
在之前说过,预解析是把带有var和function关键字的事先声明,但不会赋值。所以一开始是underfind,然后报错是因为执行到a()的时候,a并不是一个函数。


————————————————————————————————————————————————————————————————————————

预解析和作用域:

var a=0;
function aa(){
    alert(a)
    a=3
}
//结果是什么都没发生,因为要执行aa函数才会执行alert(0)


------------分割线1------------------


var a=0;
function aa(){
    alert(a)
    var a=3
}
aa();
//underfind  在aa函数里面,有var a=3,那么在aa作用域里面,就是把a这个变量声明提前,但是不会赋值,所以是underfind


------------分割线2------------------


var a=0;
function aa(a){
    alert(a)
    var a=3
}
aa(5)
alert(a)
//5,0   在函数体内,参数a的优先级高于变量a


------------分割线3------------------


var a=0;
function aa(a){
    alert(a)
    a=3
}
aa(5)
alert(a)
//5,0   在函数体内,执行alert(a)和a=3,修改的的并不是全局变量a,而是参数a


------------分割线4------------------


var a=0;
function aa(a){
    alert(a)
    var a=3
    alert(a)
}
aa(5)
//5,3
//这个我也有点不理解,请教网上的说法,有两个答案(小伙伴如果知道怎么理解,欢迎在评论上指点)
//1.参数优先级高于变量声明,所以 变量n的声明其实被忽略了,此时相当于
//var a=0;
//function aa(a){
//  var a=5;
//    alert(a)
//    a=3
//    alert(a)
//}
//aa(5)


//2.形参和局部变量优先级一样,此时相当于
//var a=0;
//function aa(a){
//  var a;    先声明
//  a=5      由于形参和变量名称一样,覆盖了!
//    alert(a)
//    a=3
//    alert(a)
//}
//aa(5)


------------分割线5------------------


var a=0;
function aa(a){
    alert(a)
    a=3
    alert(a)
}
aa()
alert(a)
//underfind  3  0 
//首先,参数优先级高于全局变量,由于没传参数,所以是underfind
//a=3,实际上修改的时形参a的值,并不是全局变量a,往下alert(a)也是形参a
//最后的alert(a),你懂的


相关文章推荐

Javascript 两种 function 定义的本质区别

两种常见的function定义:1⃣️var func = function(){ ... }2⃣️func = function(){ ... }两种定义方式在表现形式上的不同:第一种var方式定义...

网站开发进阶(六)JSP两种声明变量的区别

JSP两种声明变量的区别 在JSP中用两种声明变量的方法,一种是在内,一种是在内。他们之间有什么区别呢?我们直接看一个JSP文件来理解。 代码如下: JSP Declarations ...

jsp两种声明变量<%! %>和<% %>的区别

初学JSP,说一下自己对jsp两种声明变量和的理解,如果有不对的地方,请指正。 先看代码,简单的投票统计页面: 无标题文档 <% String cost =request.ge...

JSP两种声明变量的区别

在JSP中用两种声明变量的方法,一种是在内,一种是在内。他们之间有什么区别呢?我们直接看一个JSP文件来理解。 count.jsp 代码如下: http://www.w3.org/TR/...

IOS中两种变量声明方法的区别

一直有疑问,在objective_C中声明变量会有 2种方式,今天有空和网友讨论了下,并且自己查了stackoverflew后算是稍微弄懂了一点。记录如下:       用了一段oc;会发现有2种定...

JS特殊函数(Function()构造函数、函数直接量)的区别

函数是由这样的方式进行声明的:关键字 function、函数名、一组参数,以及置于括号中的待执行代码;Function()构造函数实际上是功能完整的对象. 函数是由这样的方式进行声明的:关键字 fun...

js中function的带括号和不带括号的区别

function find_data(){ var lineadjustId = $('#query_lineadjustId').val(); if(window.console){ ...

js 变量声明 (var使用与不使用的区别)

S中变量申明分显式申明和隐式申明。  代码如下 复制代码 var i=100;//显式申明 i=100;//隐式申明 在函数中...

js函数声明语句与函数表达式的区别深入理解

《JavaScript权威指南》:“尽管函数声明语句和函数定义表达式包含相同的函数名,但二者仍不同,函数声明语句中的函数名是个变量名,变量名指向函数对象,和通过var声明变量一样,函数定义语句中的函数...

__proto__ 与prototype的区别,js函数声明与创建

var Person = function(name) {     this.name = name; } var p = new Person(); new操作符的操作是 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)