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

一言难尽的js变量提升面试题

时间:2018-10-07 13:46:12      阅读:405      评论:0      收藏:0      [点我收藏+]

标签:机制   over   web   uri   1.5   cin   bsp   声明   indent   

在这个课题开始之前我们先做一些基础知识的讲解

1、在顶级的区域内声明的变量为 window级别的变量。 也就是说var a=100 等价于 window.a=100;

2、局部的重新声明变量没有意义。var a=100;var a;后面的将没有意义。

3、在有参数函数的定义中 function abc(p1){} abc(1),在函数执行中,先构建,在执行,会有两个步骤,所以说当函数执行之前构建过程中,将临时生成代码 var p1=1;将来一切不赋值的声明将变得没有意义。

var p1;//没有意义

var p1=2;//有意义。

 

开始进入正题

全局作用域和局部作用域

全局作用域:整个JS执行环境

局部作用域:通过创建一个函数就开辟出了一个局部作用域

 

全局变量和 局部变量

全局变量:在全局作用域都可以访问的变量

局部变量:只能在当前局部作用域访问的

 

变量声明提升:

如果变量声明在函数里面,则将变量声明提升到函数的开头

如果变量声明是一个全局变量,则将变量声明提升到全局作用域的开头

 

变量运行(搜索)机制:

首先看,有没有局部作用域

如果有,查找是不是这个局部作用域定义的变量

如果不是,寻找上一级作用域,直到找到全局作用域

如果全局作用域也找不到这个变量,这个变量就是未定义的 undefined

 

第一题:

技术分享图片
var a=1;
function test(){
    console.log(a);
    var a=1;
}
test();
技术分享图片

根据变量声明提升和变量搜索机制,函数test()应为

技术分享图片
function test(){
    var a;
    console.log(a);//此时由于a并咩有被赋值,所以也就是undefined
        a=1;


在这个课题开始之前我们先做一些基础知识的讲解


1、在顶级的区域内声明的变量为 window级别的变量。 也就是说var a=100 等价于 window.a=100;


2、局部的重新声明变量没有意义。var a=100;var a;后面的将没有意义。


3、在有参数函数的定义中 function abc(p1){} abc(1),在函数执行中,先构建,在执行,会有两个步骤,所以说当函数执行之前构建过程中,将临时生成代码 var p1=1;将来一切不赋值的声明将变得没有意义。


var p1;//没有意义


var p1=2;//有意义。


 


开始进入正题


全局作用域和局部作用域


全局作用域:整个JS执行环境


局部作用域:通过创建一个函数就开辟出了一个局部作用域


 


全局变量和 局部变量


全局变量:在全局作用域都可以访问的变量


局部变量:只能在当前局部作用域访问的


 


变量声明提升:


如果变量声明在函数里面,则将变量声明提升到函数的开头


如果变量声明是一个全局变量,则将变量声明提升到全局作用域的开头


 


变量运行(搜索)机制:


首先看,有没有局部作用域


如果有,查找是不是这个局部作用域定义的变量


如果不是,寻找上一级作用域,直到找到全局作用域


如果全局作用域也找不到这个变量,这个变量就是未定义的 undefined


 


第一题:


技术分享图片
var a=1;
function test(){
    console.log(a);
    var a=1;
}
test();
技术分享图片

根据变量声明提升和变量搜索机制,函数test()应为


技术分享图片
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html
https://baobao.baidu.com/article/ccd93806c747710850bf0888cdfdce38.html


一言难尽的js变量提升面试题

标签:机制   over   web   uri   1.5   cin   bsp   声明   indent   

原文地址:https://www.cnblogs.com/flexx/p/9749903.html

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