浅谈javascript函数,变量声明及作用域
javascript函数跟变量的声明、作用域这些概念网上都已经讲烂了。
这里写个博客,也相当于做个笔记。
变量声明
首先看个例子:
var globalVar = "gv";
function fc() {
console.log(globalVar);
var globalVar = "lv";
console.log(globalVar);
}
fc();
这个例子输出:
undefined
"lv"
为什么会输出这样的信息呢?
javascript中变量声明会被预编译(自动调整)到所在代码作用域的顶部。 原来那段代码将会变成仅仅给变量赋值的操作。
上面的代码也就变成了下面的代码。
var globalVar = "gv";
function fc() {
var globalVar;
console.log(globalVar);
globalVar = "lv";
console.log(globalVar);
}
fc();
函数体内的 var globalVar = "lv"; 这段代码被拆分成了2个部分。
--- 第1个部分就是我们要说的var globalVar,也就是变量声明,它被预编译到所在作用域的顶部;第2部分就是给变量赋值操作。
因此,第一个console输出的是undefined(因为globalVar仅仅声明了,为赋值,声明的变量javascript会给个undefined值) ;
第二个输出的是“lv”,因为此时globalVar已经被赋值了。 现在你可能会问。 我在函数fc之外已经定义了1个全局变量globalVar, 并且fc函数内部我也仅仅再次声明了这个变量, 并没有赋值, 照理说应该会使用函数外的全局变量的。 为什么执行的时候却找不到呢。 照理说应该会输出 "gv" "lv" 的。 这是因为globalVar在函数体内通过关键字var声明了,这表示这个globalVar在函数体是是一个局部变量。
如果我们将函数体内的globalVar前面的var关键字去掉:
var globalVar = "gv";
function fc() {
console.log(globalVar);
globalVar = "lv";
console.log(globalVar);
}
fc();
那么就会输出"gv" "lv"。 因为函数体内的globalVar是一个全局变量。
作用域
javascript的作用域有2种。1个全局作用域,1个是函数作用域。 它没有块级作用域。
全局作用域很好理解, 在代码中任何地方都能访问到的对象拥有全局作用域。
函数作用域就是在函数体内声明的一些函数,变量。 那么什么是块级作用域呢?
首先,来看个例子:
for(var i = 0; i < 5; i ++) {
var j = i;
}
console.log(i +', ' + j); switch(j) {
case 4: var k = 2; break;
default: var k = 3;
} console.log(k); if(i >= 5) {
var l = 6;
} console.log(l);
这里例子最后都会输出i,j,k,l的值, 值分别为5、4、2、6。
说明了javascript是没有块级作用域。像for、if、switch等关键字包括起来的{}这段代码就是所谓的块级作用域。
结果还是可以找出这4个变量, 并没有报错。
没有块级作用域,那么以上代码就是在全局作用域内定义并执行的。
本文一开始讲了变量声明的预编译。 预编译的作用范围其实是在作用域里才会起作用的。
于是。 块级作用域的例子进行预编译之后会是如下样子:
var i,j,k,l; for(i = 0; i < 5; i ++) {
j = i;
}
console.log(i +', ' + j); switch(j) {
case 4: k = 2; break;
default: k = 3;
} console.log(k); if(i >= 5) {
l = 6;
} console.log(l);
函数声明
函数声明同样会被提取到当前作用域内的最前面。
console.log(func);
function func() {
console.log(1);
}
以上这段代码就会输出func这个函数的定义代码。 而不是undefined。
函数声明与变量声明的优先级
如果我一段代码中既有函数声明,又有变量声明,那么谁的优先级更高呢?
答案是:变量声明。
即变量声明的优先级比函数声明的优先级要更高
但是这个定义是有条件的。
function func() {
console.log(1);
}
var func = 1;
console.log(func);
var func = 1;
function func() {
console.log(1);
}
console.log(func);
这两段代码都会输出 1 。 说明的变量声明的优先级比函数声明高,也就是说变量声明会覆盖函数声明。
下面再来看个例子:
var func;
function func() {
console.log(1);
}
console.log(func);
这里会输出func函数的定义,不会输出undefined。
因为这段代码中变量声明并未进行赋值操作, 仅仅声明了1个变量。
因此最准确的说法是: 进行赋值操作的变量声明的优先级比函数声明要高。
总结
javascript是一门非常奇葩的语言,里面的坑其实蛮多的。
但是只要掌握好基础,其实也还好吧。
参考资料:
http://www.cnblogs.com/snandy/archive/2012/03/01/2373237.html
http://www.cnblogs.com/TomXu/archive/2011/12/28/2286877.html
浅谈javascript函数,变量声明及作用域的更多相关文章
- 浅谈javascript函数节流
浅谈javascript函数节流 什么是函数节流? 函数节流简单的来说就是不想让该函数在很短的时间内连续被调用,比如我们最常见的是窗口缩放的时候,经常会执行一些其他的操作函数,比如发一个ajax请求等 ...
- [转载]浅谈JavaScript函数重载
原文地址:浅谈JavaScript函数重载 作者:ChessZhang 上个星期四下午,接到了网易的视频面试(前端实习生第二轮技术面试).面了一个多小时,自我感觉面试得很糟糕的,因为问到的很多问题都 ...
- 浅谈JavaScript 函数作用域当中的“提升”现象
在JavaScript当中,定义变量通过var操作符+变量名.但是不加 var 操作符,直接赋值也是可以的. 例如 : message = "hello JavaScript ! " ...
- 浅谈javascript函数执行过程
javascript函数执行过程: 1. 为函数创建一个执行环境 2. 复制函数的 [[scopes]] 属性中的对象构建起执行环境的作用链域 3. 创建函数活动对象并推入执行环境作用链域的前端 4. ...
- [转]浅谈javascript函数劫持
转自:Ph4nt0m Security Team 这么多年了,现在学习依然还是有很多收货,向前辈致敬.转载一方面是自己存档一份,另一方面是让更多喜欢安全的人一同学习. ================ ...
- 浅谈C语言变量声明的解析
C语言本身提供了一种不甚明确的变量声明方式——基于使用的声明,如int *a,本质上是声明了*a的类型为int,所以得到了a的类型为指向int的指针.对于简单类型,这样声明并不会对代码产生多大的阅读障 ...
- 浅谈javascript中变量作用域和内存(2)
1.无块级作用域 javascript没有块级作用域,这会让其他程序员在理解js代码上很痛苦.在其他很多语言,比如C,大括号括起来的代码块都有自己的作用域 举个例子 if(true) { var na ...
- 浅谈javascript的变量作用域
1.变量遵循先声明再使用. console.log(b); b=123; 代码运行结果: Uncaught ReferenceError: b is not defined 2.方法内定义的局部变量外 ...
- 浅谈javascript中变量作用域和内存(1)
先理解两个概念:基本类型和引用类型的值 1.基本类型和引用类型的值 (1)定义: 基本类型:指简单的数据段,比如按值访问的js五种基本数据类型undefined.null.boolean.number ...
随机推荐
- Js复制链接代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 如何彻底删除TFS的工作项字段
TFS的工作项字段可以在所有工作项类型之间共享.例如自定义了一个字段"验证迭代"(Mycompany.IterationValidation)那么在需求.Bug中都可以添加这个字段 ...
- sql 存储过程带有模糊查询条件
一个简单的存储过程: Create procedure [dbo].[Proc_SeachJob] (@startRecordIndex int, @endRecordIndex int, @seac ...
- Sql语法高级应用之四:使用视图实现多表联合数据明细
之前章节我们讲到:如果某个表的数据是多个表的联合,并且存在列与列的合并组成新列,用视图是最好的方案. 下面我分享两个个真实的SQL语句案例 USE Wot_Inventory GO FROM sys. ...
- Java50道经典习题-程序8 输入数字求和
题目:求s=a+aa+aaa+aaaa+aa...a的值,其中a是一个数字.例如2+22+222+2222+22222(此时共有5个数相加),几个数相加有键盘控制. 分析:关键是计算出每一项的值. i ...
- A - 最少拦截系统 (最长上升子序列)
点击打开链接 A - 最少拦截系统 某国为了防御敌国的导弹袭击,发展出一种导弹拦截系统.但是这种导弹拦截系统有一个缺陷:虽然它的第一发炮弹能够到达任意的高度,但是以后每一发炮弹都不能超过前一发的高度. ...
- 设置视口中心点setViewCenter
ads_point pt; ads_name ent,ss; //切换到模型空间 acedMspace(); if (RTNORM != acedGetPoint(NULL,_T("\n选择 ...
- centos绑定https
1.百度云申请免费ssl证书 一年一申请 2. https://www.wosign .com /faq/faq-apache-https.htm 3.注意ssl.conf里面各个证书的顺序 证书路径 ...
- linuxea:ELK5.5-elasticsearch-x-pack破解
本站采用知识共享署名-非商业性使用-相同方式共享国际许可协议4.0 进行许可 本文作者:www.linuxea.com for Mark 文章链接:https://www.linuxea.com/17 ...
- sql注入实例详解(二)
前言 这篇文章就是一个最基本的SQl手工注入的过程了.基本上在sqlilabs上面的实验,如果知道了其中的全部知识点,都可以通过以下的步骤进行脱裤.下面的这个步骤也是其他的脱裤手段的基础.如果想要精通 ...