浅谈JavaScript中定义变量时有无var声明的区别
作者:bea
前段时间回答了一个关于定义变量时使用关键字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定义: va
前段时间回答了一个关于定义变量时使用关键字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定义,就会报错。
有用 | 无用
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定义,就会报错。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JS不能跨域借助jquery获取IP地址的方法
- jQuery添加/改变/移除CSS类及判断是否已经存在CSS
- jQuery CSS()方法改变现有的CSS样式
- JavaScript检查某个function是否是原生代码的方法
- 使用时间戳解决ie缓存的问题
- js中使用replace方法完成某个字符的转换
- js 动态修改css文件用到了cssRule
- jquery实现在页面加载的时自动为日期插件添加当前日期
- js匿名函数的调用示例(形式多种多样)
- javascript对中文按照拼音排序代码
- JS辨别访问浏览器判断是android还是ios系统
- JS中实现简单Formatter函数示例代码
- 用JavaScript实现使用鼠标画线的示例代码
- [原创]推荐10款最热门jQuery UI框架
- js选择并转移导航菜单示例代码
- js遍历子节点子元素附属性及方法
- jQuery实现返回顶部功能适合不支持js的浏览器
- 用循环或if语句从json中取数据示例
- 通过jquery 获取URL参数并进行转码