前端面试你所不知道系列--var和不var

最新推荐文章于 2022-09-25 09:07:37 发布

weixin_33729196

最新推荐文章于 2022-09-25 09:07:37 发布

阅读量205

点赞数 1

文章标签：前端面试 javascript ViewUI

原文链接：https://juejin.im/post/5a72a7f26fb9a01c94062e24

版权

又到了一年的伊始，很多人可能因为各种原因想换一份工作，而找工作难免遇到各种各样头痛的面试题，于是我打算写一个系列，关于面试中最常见或者前端一些基础但又不是很深入了解的知识，供大家参考。

使用var定义

var a = 'hello World'
function bb(){
 var a = 'hello Tom';
    console.log(a);   
}
bb()   
console.log(a);    
复制代码

不使用var定义

var e = 'hello world';
function cc(){
    e = 'hello Tom';
    console.log(e);
}
cc()   
console.log(e)    
复制代码

猜猜会执行什么？

其实很简单，使用var先后打印// 'hello Tom' // 'hello world',

不使用var先后打印// 'hello Tom' // 'hello Tom'。

大家都知道Javascript声明变量是通过关键字var。使用var关键字是在当前域中声明变量，如果在方法中声明，则为局部变量（local varibble）;如果在全局域中声明，则为全局变量。

但在非严格模式下，不通过var直接声明变量，则是全局变量，好像也不会报错，例如a = 1 console.log(a) // 1,但这样真的没问题吗？那么执行a = 1; 发生了什么呢？

它会尝试在当前作用域链（如果是在方法中，则当前作用域链代表全局和方法局部作用域）中解析a;如果在任何当前作用域找到a;则会对a属性赋值；如果没有找到a，它会在全局对象（当前作用域最顶层，如window对象）中创造a属性并赋值。

请注意！！！是创建一个全局对象的属性，而不是声明了一个全局变量。

或许你可能不是很明白‘声明变量’和‘创建对象属性’有什么区别。但事实上，Javascript 的变量声明、创建属性都有一定的标志去声明他们的属性如：只读（ReadOnly）不可枚举（DontEnum）不可删除（DontDelete）等等。

由于‘变量声明’自带不可删除属性，比较var a = 1 跟 a = 1，前者是变量声明，带不可删除属性，因此无法被删除；后者为全局变量的一个属性，因此可以从全局变量中删除。

    var a = 1
    b = 2
    console.log(delete a) // false
    console.log(delete b) // true
复制代码

使用var定义：

function hh(){
    console.log(a);
    var a = 'hello world';
}
hh()    //undefined
复制代码

不使用var定义：

function hh(){
    console.log(a);
    a = 'hello world';
}
hh()    // 'a is not defined'
复制代码

还有一点很容易被忽略，在ES5的'use strict'模式下，如果变量没有使用var定义，就会报错。这也是一个差别。

1.在函数作用域内加var定义的变量是局部变量，不加var定义的就成了全局变量。

2.在全局作用域下，使用var定义的变量不可以delete,没有var 定义的变量可以delete。

3.使用var 定义变量还会提升变量声明。

4.在ES5的'use strict'模式下，如果变量没有使用var定义，就会报错。

由于个人能力有限，如果文中出现任何错误，欢迎各位大神提出批评和建议，这是鄙人首次发表技术性文章，希望大家多多支持。

下期预告：前端面试你所不知道系列--伪类和伪元素

转载于:https://juejin.im/post/5a72a7f26fb9a01c94062e24

关注