javascript 变量的注意事项

最新推荐文章于 2021-12-02 21:11:05 发布

起一个好听的名字

最新推荐文章于 2021-12-02 21:11:05 发布

阅读量306

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

JavaScript中定义变量时有无var的区别

前段时间回答了一个关于定义变量时使用关键字var与否的区别，总结回顾一下。
1.在函数作用域内加var定义的变量是局部变量，不加var定义的就成了全局变量。
使用var定义：

var a = 'hello World';
function bb(){
  var a = 'hello Bill';
  console.log(a);   
}
bb()           //'hello Bill'
console.log(a);    //'hello world'

不使用var定义：

var a = 'hello World';
function bb(){
  a = 'hello Bill';
  console.log(a);   
}
bb()           //'hello Bill'
console.log(a);    //'hello Bill'

2.在全局作用域下，使用var定义的变量不可以delete,没有var 定义的变量可以delete.也就说明隐含全局变量严格来说不是真正的变量，而是全局对象的属性，因为属性可以通过delete删除，而变量不可以。
3.使用var 定义变量还会提升变量声明，即
使用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'

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

JavaScript 中变量声明提升机制

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript no.1</title>
</head>
<body>
    <h3>变量声明提升和函数内变量声明提升实例</h3>
    <script>
        if (a in window) {
            console.log('a已经存在');//结果输出a已经存在
        };
        var a=1;//变量声明提升

        (function()
        {
            console.log(a);//函数内变量声明提升且覆盖函数外的同名变量,输出 undefined
            var a=2;
        })();
    </script>
</body>
</html>

在JavaScript中所有在作用域中声明的变量会自动提升到该作用域的顶部

起一个好听的名字

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 变量的注意事项

JavaScript中定义变量时有无var的区别前段时间回答了一个关于定义变量时使用关键字var与否的区别，总结回顾一下。1.在函数作用域内加var定义的变量是局部变量，不加var定义的就成了全局变量。使用var定义：var a = 'hello World';function bb(){ var a = 'hello Bill'; console.lo
复制链接

扫一扫

专栏目录