JavaScript变量声明与提升
来源:互联网 发布:当当读书网络连接失败 编辑:程序博客网 时间:2024/06/08 16:04
一直以来对变量提升都是比较模糊的,今天特地看了一下这个知识点,总结一下。
1、举个最简单的例子来说一下什么是变量提升吧。
function foo(){ console.log(x); // undefined var x = 12; console.log(x) // 12}foo();
由于变量声明提升,其实上述代码相当于
function foo(){ var x; console.log(x); // undefined x = 12; console.log(x) // 12}foo();
可以看出,变量提升其实是变量声明的提升,变量值并没有提升。
现在将上述代码变一下。
var x = 123;function foo(){ console.log(x); // undefined var x = 12; console.log(x) // 12}foo();console.log(x) // 123 这里之所以结果为123,是因为在函数内声明的变量x虽然与函数外同名,但由于是在函数内且用关键字var来声明的,所以函数内的x只是一个局部变量,函数外无法访问到
2、在函数内变量声明前使用return关键字。
function too(){ console.log(y+"*"); // undefined* y = 10; console.log(y+"**"); // 10** return; // 函数内return后的语句不会执行 console.log(y+"***"); var y = 2; console.log(y+"****")}too();
因为变量声明提升,且函数内使用了return关键字,故函数内return后面的语句并不会执行。所以上述语句相当于
function too(){ var y; console.log(y+"*"); // undefined* y = 10; console.log(y+"**"); // 10**}too();
3、控制语句内声明变量(如for循环或if语句中)
(1)、for语句内声明变量:
for(var i=0;i<5;i++){}console.log(i) // 5
运行后可以看出,for语句内声明的变量,语句外仍然可以使用。
(2)、if语句内声明变量:
if(100){ var x = 30;}console.log(x) // 30
运行后,可以看出,在if语句内声明的变量在if语句外仍然可以使用。
(3)、在if语句内声明一个与外部同名的变量:
var x = 123;if(100){ var x = 30;}console.log(x) // 30
运行后,可以看出if语句内的变量会覆盖if语句外声明的变量。
阅读全文
0 0
- JavaScript变量声明与提升
- javascript变量声明提升
- javascript变量声明提升
- JavaScript变量声明提升
- JavaScript 变量声明提升
- javascript变量声明提升
- javascript变量声明提升
- Javascript变量声明提升
- Javascript变量与函数的声明与提升
- javascript变量声明提升(hoisting)
- javascript变量声明提升(hoisting)
- javascript变量声明提升(hoisting)
- 浅谈JavaScript变量声明提升
- javascript变量声明提升(hoisting)
- javascript变量声明提升(hoisting)
- javascript变量声明提升(hoisting)
- javascript变量声明提升(hoisting)
- javascript var声明变量提升
- opencv笔记之模板匹配
- App 压力测试——Monkey Script常用命令介绍
- Ubuntu14.04下 安装OpenSSL 部署腾讯云免费版DV SSL证书
- Centos7安装node
- 第十五周项目1(3)-验证算法(冒泡排序)
- JavaScript变量声明与提升
- 第15周项目1(7)- 验证基数排序算法
- IP地址非你在商户平台设置的可用IP地址
- Date 与 String、long 的相互转换
- 第12周项目3- Floyd算法验证
- Windows下SQLMAP的安装图解
- zookeeper安装
- Date、Datetime、Timestamp
- [hi3518] HI3518编译uboot 、kernel、rootfs、osdrv 使用说明