文档章节

js(javascript)小谈变量声明(显隐声明,声明提前)

哟猫Intry
 哟猫Intry
发布于 2016/06/16 16:22
字数 367
阅读 4
收藏 0
var a=5;
function fun(){
    a=0;         
    alert(a);         //0
    alert(this.a);    //5
    var a; 
    alert (a);        //0
    
}
fun();

以上代码  将会输出  0 ,5,0.
首先在js中我们的变量声明赋值分为两个部分 。
1.变量的声明 var a;2.变量的赋值 a=2;
但是一般我们会把变量的声明和赋值写在 一起 也就是  var a=2;
而在js 中变量的声明会被提前到 当前作用域的开始,也就是说以上代码和下面代码是等价的

var a=5;
function fun(){
    var a;           //变量的声明提前
    a=0;              //赋值语句保持不变
    alert(a);         //0
    alert(this.a);    //5
    alert (a);        //0
    
}

所以 alert(a)其实是输出的局部变量 a的值,this.a 则是全局变量a 的值,以上是介绍变量的声明提前
下面我们的代码将如下修改

var a=5;
function fun(){
    a=0;              
    alert(a);         //0
    alert(this.a);    //0
    alert (a);        //0
    
}

这时候我们所有的输出值都为0;
我们声明变量分为显示声明(var a)和隐式声明 (a);
当我们一个函数内部的局部变量采用隐式声明的方式,那么这个变量就不在是一个局部变量,而是一个全局变量,
所以相当于 给全局变量a 赋值 0;这样输出的全部是a。

点击进入JS强化教程:http://www.h5edu.cn/htm/step/h5edu_44.html

© 著作权归作者所有

共有 人打赏支持
哟猫Intry
粉丝 0
博文 46
码字总数 31138
作品 0
昌平
javascript变量提升详解

js变量提升 对于大多数js开发者来说,变量提升可以说是一个非常常见的问题,但是可能很多人对其不是特别的了解。所以在此,我想来讲一讲。 先从一个简单的例子来入门: 你觉得以上的代码会输...

陈陈jg
08/23
0
0
JavaScript 声明提前机制

声明提前机制 在JavaScript存在着这样一种预处理机制,即浏览器在解析JS代码时会将var声明的变量和function声明的函数提升到当前作用域的顶部。但是解析JS代码时对var和function关键字声明的...

魏亚林
08/09
0
0
js 变量声明 (var使用与不使用的区别)

JS中变量申明分显式申明和隐式申明 var obj={} 显式申明 局部 obj={} 隐式申明 全局 当我们使用访问一个没有声明的变量时,JS会报错。而当我们给一个没有声明的变量赋值时,JS不会报错,相反...

柴高八斗之父
2017/11/03
0
0
JavaScript var声明变量背后的原理示例解析

只要是写过点JS代码,很简单一个var 就完事了,那么JS编译器背后它又发生了什么呢?在本文将为大家详细介绍下,感兴趣的朋友不要错过 只要是写过点JS代码,很简单一个var 就完事了。那对于JS编...

mysoftsky
2013/10/13
0
2
JavaScript执行环境和作用域(链)的那些事

执行环境 什么是执行环境 提起作用域,我们不得不说说什么是执行环境。执行环境定义了变量或函数有权访问的其他数据,并决定其各自的行为。每一个执行环境都有一个对应的变量对象,这个对象的...

如是说
08/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

linux学习-0919

linux和windows互传文件 用户配置文件和密码配置文件 用户组管理 用户管理 一、linux和windows互传文件 linux和windows可以互相传输文件,但是需要使用xshell 并且安装lrzsz包: yum insta...

wxy丶
27分钟前
1
0
收集几个开源的微信小程序开发框架

1、 mpvue mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小...

哥本哈根的小哥
34分钟前
1
0
Golang CSP并发模型

今天介绍一下 go语言的并发机制以及它所使用的CSP并发模型 CSP并发模型 CSP模型是上个世纪七十年代提出的,用于描述两个独立的并发实体通过共享的通讯 channel(管道)进行通信的并发模型。 CS...

xtof
34分钟前
1
0
用chrome在电脑上模拟微信内置浏览器

先了解安卓微信和Ios微信的UA(User agent:用户代理) 安卓微信UA: mozilla/5.0 (linux; u; android 4.1.2; zh-cn; mi-one plus build/jzo54k) applewebkit/534.30 (khtml, like gecko) ve......

可达鸭眉头一皱
40分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部