JavaScript之周道长浅谈变量使用中的坑

天空一声巨响,道长闪亮登场,飞花落叶,尘土飞扬,此处不应恐慌,用阅读变量的概念来提升气场。

1)变量的声明,使用一个变量之前应该先声明。变量是使用关键字var来声明的,如下:

  var number;     //申明了一个变量

2)变量的赋值,如下:

  number=520;   //给变量赋值(javascript中的变量是可以赋任意类型的值的,比如字符串,对象,函数等等)

3)上面两个步骤可以合到一起,如下:

  var number=520;  //等价于前两步

**有人会说 number=520;  即使没用var声明,变量一样的使用,其实是有区别的,这里就不做无意义的讨论了。

**你只要记住,这是一个不好的习惯,应当始终使用var关键字来声明变量。

故事就从这里开始了。

看一段代码:

  if(!(n in window)){

var n=100;    //注意这行代码等价于 var n; n=100;这两行代码

  }

  alert(n);

  alert(a);

这里, alert(n)会弹出undefined,     alert(a)会报错:a is not defined。

弹出undefined的意思是n已经声明但是还没有赋值,报错是a没有声明,不存在。

a报错好理解。这里我要解释为什么alert(n)会弹出undefined,而不是报错或者弹出100.

其中的原理有点复杂。

先来理解javascript的两个概念:作用域和声明提前。

1 作用域:

我们知道类似c语言,比如java的花括号都有自己的作用域。

但是javascript 不同,它的if等花括号不算块级作用域(函数除外)。

2 声明提前:

变量的声明会被提前到作用域的顶部(意味着变量在申明之前就可以使用了,只要在作用域内)

好吧,从 var n=100; 这一行代码说起,if的花括号关不住它的,所以n算全局变量.

因为if的条件返回false,所以不会执行赋值的操作,不可能弹出100.

而根据申明提前,javascript引擎的“预编译”是在代码开始运行之前执行的,

它才不管if的条件是true还是false,

它看到var关键字就把这个变量申明提到作用域第一行了,它就是这么任性。

但是变量赋值就惨了,他说:if的条件是false,我永远不会被执行啦。

javascript中声明过的变量如果没赋值就是undefined。

而函数是有自己的作用域的,来一个例子加注释,如果你不能理解的话,那就不理解吧。

这里声明了两个scope,一个是全局变量,一个是只能在函数中使用的局部变量。

var scope="global";

function f(){

  console.log(scope);

  var scope="local";//这里等价于两步 1:var scope; 2:scope="local"; 第一步由于声明提前在捣鬼,会把它提到函数第一行

  console.log(scope);

}

两次动作console.log(scope);都是在函数中打印scope变量的值。

如果函数作用域中有了scope,两次都不会理睬外面声明的scoped。(局部作用域优先)

所以第一次打印出undefined,第二次打印出local;

道长叨叨:javascript全局变量是全局对象的属性,而局部变量没有这样规定,在扯下去一夜都叨叨不完了。

道长的建议:函数里面的变量申明尽量放在函数体顶部,让代码更具可读性。

时间: 2024-09-28 23:50:17

JavaScript之周道长浅谈变量使用中的坑的相关文章

周道长浅谈鸭式辩型

Javascript中的鸭式辩型(duck-type):会游泳,会嘎嘎叫,有两条腿的就是鸭子,比如你. 废话少说,直接上一段代码 var iframe=document.createElement("iframe"); document.body.appendChild(iframe); var xArray=window.frames[window.frames.length-1].Array; var arr=new xArray(1,2,3); alert(arr instanc

浅谈变量,数据变量与引用变量

Java是一种面向对象语言 Java程序中一切皆对象,也就是说运行中的Java程序其实是很多对象依照设计要求不断 创建 修改 联系其他对象 修改其他对象 完成使命后被垃圾收集器回收. 那么程序设计就要求定义对象的功能,设置对象之间的联系(接口),设计对象之间相互操作的顺序,根据操作结果的不同再进行更多不同的操作. 对象的定义指对对象的准确描述(对象有什么属性特点,具备什么能力-方法),定义对象的文件我们称之为类,所以类可以有属性和方法: (其实对象是非常非常非常抽象的,它的抽象体现在 1.范围广

《浅谈JavaScript系列》系列技术文章整理收藏

<浅谈JavaScript系列>系列技术文章整理收藏 1浅谈JavaScript中面向对象技术的模拟 2浅谈javascript函数劫持[转自xfocus]第1/3页 3浅谈javascript 面向对象编程 4老鱼 浅谈javascript面向对象编程 5浅谈javascript的数据类型检测 6浅谈Javascript嵌套函数及闭包 7根据一段代码浅谈Javascript闭包 8浅谈JavaScript编程语言的编码规范 9浅谈Javascript面向对象编程 10浅谈JavaScript

浅谈新兴互联网产业的运营之道

在互联网大时代,新兴产业就像雨后春笋一样,应运而生的就是互联网运营.互联网的运营手段相当多变,微博兴起的时候,微博运营大张旗鼓,各种大V,各种刷屏,各种微博活动:微信猛如虎袭,微信运营主要面对的对象是用户真实朋友圈,点赞,代购就是这么来的:网站平台一直都是互联网运营的主战场,依托大平台.成熟网站的流量来获利的方式也是层出不穷.下面我们就以一个互联网后生--DevStore网站的运营方式来漫谈一下,如何在互联网的潮流中,抓住要点,顺势而为,发展自身. DevStore是一个面向移动开发者的专业网站

浅谈 JavaScript 编程语言的编码规范

对于熟悉 C/C++ 或 Java 语言的工程师来说,JavaScript 显得灵活,简单易懂,对代码的格式的要求也相对松散.很容易学习,并运用到自己的代码中.也正因为这样,JavaScript 的编码规范也往往被轻视,开发过程中修修补补,最终也就演变成为后续维护人员的恶梦.软件存在的长期价值直接与编码的质量成比例.编码规范能帮助我们降低编程中不必要的麻烦.而 JavaScript 代码是直接发送给客户浏览器的,直接与客户见面,编码的质量更应该受到关注. 本文浅谈 JavaScript 编程中关

浅谈javascript单体【读javascript设计模式第五章节单体有感】

单体,整个运行环境就独有一份,最简单的一种单体就是一个把所有属性和方法都集中在一起的对象,区别于一般的字面量对象,一般字面量对象是对一个物体的描述,集合该物体所具有的一些属性和方法,而单体则包含更多的些逻辑在里面,单体的好处有,划分命名空间,如果用来作为网页包装器,可以使得页面所有变量都封装在一个对象里,大幅度减小网页里的全局变量, 代码如: common.js (function(wz){ $.extend({ init:function(){ var self = this; this.bi

浅谈javascript函数劫持

http://www.xfocus.net/articles/200712/963.html 浅谈javascript函数劫持 文章提交:hkluoluo (luoluonet_at_hotmail.com) by luoluo on 2007-11-30 luoluonet_at_yahoo.cn http://www.ph4nt0m.org 一.概述 javascript函数劫持,也就是老外提到的javascript hijacking技术.最早还是和剑心同学讨论问题时偶然看到的一段代码,大

JavaScript:浅谈iOS与H5的交互-JavaScriptCore框架

JavaScript:浅谈iOS与H5的交互-JavaScriptCore框架 前言 小的作为一个iOS程序猿,可能研究JavaScript以及H5相关的知识并不是为了真正的要去转行做这一方面,其实更多的为了要研究OC中的JavaScriptCore框架,JavaScriptCore框架主要是用来实现iOS与H5的交互.当然了,最早我曾经写过iOS浅谈webView的JS一种用法.(去掉web显示页的广告),这种算得上最简单的iOS与H5的交互了.现在混合编程越来越多,H5的相对讲多,所以研究J

浅谈javascript的原型及原型链

浅谈javascript的原型及原型链 这里,我们列出原型的几个概念,如下: prototype属性 [[prototype]] __proto__ prototype属性 只要创建了一个函数,就会为该函数创建一个prototype属性,指向该函数的原型对象.实例对象是不会拥有该属性的.默认情况下,该原型对象也会获得一个constructor属性,该属性包含一个指针,指向prototype属性所在的函数. Person.prototype.constructor===Person [[proto