这是我的第一篇博客文章,本人不才,文笔也不好,所以可能写的有点凌乱。有什么不对的地方还望见谅。不过每天进步一小步,总有一天会迈出那一大步。以下内容是我对变量、函数声明及函数表达式、作用域的理解。

【变量】
大意上来讲,变量就是所定义的一个可以用来保存值的占位符。定义变量时要使用var操作符。

变量所保存类型可以被改变,但不建议。

var操作符定义的变量将成为该变量的作用域中的局部变量,在函数退出后,变量将被销毁。

若省略var操作符可以定义全局变量,不过在严格模式下会导致抛出ReferenceError错误。

用一条语句可以定义多个变量,只要把每个变量用逗号分开即可。

如:var massage="hi",
found=false;

在严格模式下,不能定义名为eval或arguments的变量,会导致语法错误。

【函数声明及函数表达式】

函数:被定义一次,可执行和调用多次,JS中的函数也是对象,JS函数可以像其他对象那样操作和传递。

常见的两种创建函数的方法:函数声明跟函数表达式。

函数声明:一个完整的语句以function开头,不加任何东西。如:function 函数名(参数){函数体}

函数表达式:有四种表现形式。把一个匿名函数表达式,赋值给一个变量。如:var 变量=function(参数){函数体};

      把一个匿名函数直接用括号括起来,然后直接调用。如:(function(){函数体})();

      让函数对象作为一个返回值。如:return function(){函数体};

      把函数表达式非匿名(),赋值给一个变量。如:var 变量=function 函数名(参数){函数体};

区别:函数声明会被前置。解析器会率先读取函数声明,并使其在执行任何代码之前可以访问;至于函数表达式,则必须等到解析器执行到它所在代码行,才会真正被解释执行。

【作用域】

作用域就是函数跟变量可以访问的一个范围,其中有两个重要概念就是函数作用域跟块级作用域,但是在JS中,没有块级作用域。

块级作用域:在其他类C语言中,由{}封闭的代码块。如:if{}、for(){}。在其他类C语言中,if语句中的变量会在if语句执行完了之后被销毁,然而在JS中,if语句的变量声明会将变量添加到当前的执行环境中。

在JS中有全局作用域,函数作用域跟eval作用域。全局作用域一般声明在最外层,而函数作用域拥有自己的独立作用域,在函数之外是无法访问函数内部的变量。

当代码在一个环境中执行时,会创建变量对象的一个作用域链。作用域链是保证对执行环境有权访问的所有变量跟函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。一直延续到全局执行环境,全局执行环境的变量对象始终是作用域链中的最后一个对象。

在执行环境中,内部环境可以通过作用域链访问所有的外部环境,外部环境不能访问内部环境中的任何变量和函数,环境之间的联系是线性,有次序的。

执行环境总共有全局跟局部两种类型,但还可以通过其他方法延长作用域链。可以在作用域链前端临时增加一个变量对象,而该变量对象会在代码执行后被移除。如下:

try-catch语句的catch块:会创建一个新的变量对象,包含的是被抛出错误对象的声明。

with语句:会将指定的对象添加到作用域链中。

JavaScript(1)——变量、函数声明及作用域的更多相关文章

  1. 【JavaScript】Javascript中的函数声明和函数表达式

    Javascript有很多有趣的用法,在Google Code Search里能找到不少,举一个例子: <script> ~function() { alert("hello, ...

  2. JavaScript之变量(声明、解析、作用域)

    声明(创建) JavaScript 变量 在 JavaScript 中创建变量通常称为"声明"变量. 一.我们使用 var 关键词来声明变量: var carname; 变量声明之 ...

  3. Javascript高级程序设计——函数声明与函数表达式的区别

    在Javascript中,函数是Functioin类型的实例,所以函数也具备属性和方法,因为函数是对象,所以函数名自然就是指向对象的指针啦. 函数可以通过声明语法和表达式来定义: 声明:functio ...

  4. javascript 中的函数声明和函数表达式区别

    函数声明格式: function add(a, b) { alert(a+b); } 函数表达式格式: var add = function (a, b) { alert(a+b); } 解析器在向环 ...

  5. Javascript中变量函数申明优先级

    先理解这句话: “函数会首先被提升,然后才是变量”,代码并不是你写的顺序那样执行的. F12把下面的代码粘贴到控制台执行一下: var getName = function () { console. ...

  6. php javascript C 变量环境 块级作用域

    <?php $w = 'w'; $wb = '123'.$w; $w = 'ww'; echo $wb; if(TRUE){ $wd = '123wd'; } echo $wd; if(FALS ...

  7. 浅谈javascript函数,变量声明及作用域

    javascript函数跟变量的声明.作用域这些概念网上都已经讲烂了. 这里写个博客,也相当于做个笔记. 变量声明 首先看个例子: var globalVar = "gv"; fu ...

  8. JavaScript 函数声明,函数表达式,匿名函数,立即执行函数之区别

    函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...

  9. javascript立即执行函数

    javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花;当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解.  ( ...

随机推荐

  1. MAC VIM 自定义主题

    先从百度云下载 两个 文件 molokai.vim MacVim-snapshot-73-Mavericks.tbz 把macvim 拖到 应用程序里 ,把 mvim 放到 /bin/ 文件夹里 把 ...

  2. python3 随机数

    random库 random.random()返回n,则 0 <= n < 1的小数. random.uniform(a,b)    返回n ,则 a <= n <= b的浮点 ...

  3. ***参考Catch That Cow(BFS)

    Catch That Cow Time Limit : 4000/2000ms (Java/Other)   Memory Limit : 131072/65536K (Java/Other) Tot ...

  4. photoshop的页面制作练习2

  5. js 技巧

    用于浮窗跳转至父窗口 parent.document.location.href='/xxx/xxx.htm'; 取父窗口的元素 window.parent.$('#xxx'); 正常跳转 windo ...

  6. 实现ie6下的居中

    代码如下所示,转自 http://w3help.org/zh-cn/causes/RT8003 对于 text-align 的讨论. <div style="width:200px; ...

  7. C++中的向上类型转换和向下类型转换

    在c++的世界中有这样两个概念,向上类型转换,向下类型转换,分别描述的是子类向基类,和基类向子类的强制类型转换. 向上强制类型转换 切割:覆盖方法和子类数据丢失的现象生成切割(slice) class ...

  8. 2.Add Two Numbers-两个单链表相加

    You are given two linked lists representing two non-negative numbers. The digits are stored in rever ...

  9. 线程中sleep方法和wait方法有什么区别?

    如果你没有接触过java的多线程,那么多对于这两个方法可能有点陌生,看名字好像这两个方法是差不多的,但是实际上面差别好大. 首先我们看一下官方的API Sleep(sleep有两个方法,另一个方法传递 ...

  10. php 项目简单分类

    项目分为:客户需求和自行研发. 商城项目:------------------------商城分类:单商家:商家就是网站所有者.如京东.凡客.          多商家:如淘宝 网站所有者不是卖家.  ...