在类c的语言中,用{}引起来的部分称为块级作用域,而在JS中没有块级作用域

作用域:一个变量作用的范围;中Js中一共有两种作用:

  • 全局作用域

- 直接编写在script标签中的JS代码,都在全局作用域中

-全局作用域在页面打开时创建,在页面关闭时销毁

-在全局作用域中有一个全局对象window,它代表的是一个浏览器窗口,它由浏览器创建,我们可以直接使用

-在全局作用域中,创建的变量都会作为window对象的属性保存,创建的函数都会作为window对象的方法保存

  • 变量的声明提升

-使用var关键字声明的变量,会在所有代码执行之前声明(但是不会赋值

-但是如果声明变量不适用var关键字,则变量不会声明提前

  • 函数的声明提前

-使用函数声明形式创建的函数function 函数(){}

它会在所有代码执行之前就被创建,所以我们可以在函数声明前来调用

-使用函数表达式创建的函数,不会被声明提前,所有不能提前调用

全局作用域的变量都是全局变量,可以在页面的任意部分都可以访问到

  • 函数作用域

-调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁,

-每调用一次函数就会创建一个新的函数作用域,她们之间是相会独立的

-函数作用域中可以访问到全局作用域的变量,在全局作用域中,不能访问函数作用域的的变量

-当在函数作用域中操作一个变量时,它会先在自身作用域中寻找,若有就直接使用,若没有就向上一级作用域中寻找,直到全局作用域中

-在函数作用域中想访问全局中的变量,则可以用window

-在函数作用域中,使用var关键字声明的变量,会在函数中所有代码执行之前被声明

-在函数中,不使用var声明的变量都会成为全局变量

-定义形參,相当于函数作用域中声明了变量

var a=10;
function fun(){
alert(a);
var a=2;
}
fun();//undifined,变量提升,但没赋值
alert(a);//10,a修改的局部的a
var a=10;
function fun(){
alert(a);
a=2;
}
fun();//10
alert(a);//2
var a=10;
function fun(a){
alert(a);
a=2;
}
fun();//undifined
alert(a);//10
var a=10;
function fun(a){
alert(a);
a=2;
}
fun(123);//123
alert(a);//10
function fun(){ 
a=10;
}
fun() alert(a);//a=10,变成了全局变量

作用域链:

函数对象和其他对象一样,拥有可以通过代码访问的属性和一系列供JS引擎访问的内部属性,其中一个内部属性是[[Scope]],该内部属性包含了函数被创建的作用域中对象的集合,这个集合被称为函数的作用域链,它决定了哪些数据能被函数访问。

当一个函数创建后,它保存着一个作用域链,并且这个作用域链会被创建此函数的作用域中可访问的数据对象填充。

   function func(){
var num=;
alert(num)
}
func();

在函数func创建时,它的作用域链会填入一个全局对象,该全局对象包含了所有全局变量,

执行此函数会创建一个称为“运行期上下文”的内部对象,运行期上下文定义了函数执行的环境。每个运行期上下文都有自己的作用域链,用于标识符解析,当运行期上下文被创建时,而它的作用域链初始化为当前运行的函数的[[Scope]]所包含的对象

这些值按照他们出现在函数中的顺序被复制到运行期上下文的作用域链中。它们共同组成了一个新的对象,叫“活动对象”,该对象包含了函数的所有局部变量,命名参数,参数集合以及this,然后此对象会被推入作用域链的前端。当运行期上下文被销毁,活动对象也随之被销毁,新的作用域如下:

关于JavaScript全局作用域和函数作用域的拙见的更多相关文章

  1. 《你不知道的javascript》一、函数作用域和块作用域

    函数中的作用域 所谓函数作用域,就是属于这个函数的全部变量都可以在整个函数的范围内使用及复用. function foo(a) { var b=a; function bar(c){ var c=b* ...

  2. javascript篇-----函数作用域,函数作用域链和声明提前

    在一些类似C语言的编程语言中,花括号内的每一段代码都具有各自的作用域,而且变量在声明它们的代码段之外是不可见的(也就是我们不能在代码段外直接访问代码段内声明的变量),我们称之为块级作用域,然而,不同于 ...

  3. Javascript中的词法作用域、动态作用域、函数作用域和块作用域(四)

    一.js中的词法作用域和动态作用域      词法作用域也就是在词法阶段定义的作用域,也就是说词法作用域在代码书写时就已经确定了.       js中其实只有词法作用域,并没有动态作用域,this的执 ...

  4. js变量的作用域与函数作用域

    引自 1. 变量的作用域(var与let的区别) 在函数之外声明的变量,叫做全局变量,因为它可被当前文档中的任何其他代码所访问.在函数内部声明的变量,叫做局部变量,因为它只能在当前函数的内部访问. E ...

  5. JavaScript变量的作用域和函数的作用域的区别

    变量作用域和函数作用域都涉及到变量值的变化,本文旨在让大家明白他们之间的区别 变量的作用域: 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接 ...

  6. 开心菜鸟系列----函数作用域(javascript入门篇)

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  7. 从函数作用域和块级作用域看javascript的作用域链

    在ES6之前,javascript只有全局作用域和函数作用域.所谓作用域就是一个变量定义并能够被访问到的范围.也就是说如果一个变量定义在全局(window)上,那么在任何地方都能访问到这个变量,如果这 ...

  8. javascript中函数作用域和声明提前

    javascript不像java等其他强类型语句,没有块级作用域(括号内的代码都有自己的作用域,变量在声明它们的代码段之外不可见)一说,但有自己的独特地方,即函数作用域. 函数作用域:变量在声明它们的 ...

  9. 谈谈javascript的函数作用域

    在一些类似c语言的编程语言中,花括号内的每一段代码都具有各自的作用域,而且变量在声明他们的代码段之外是不可见的,我们称为块级作用域(block scope),而javascript中没有块级作用域.取 ...

随机推荐

  1. requestAnimFrame动画兼容性封装

    window.requestAnimFrame=function(){ return window.requestAnimationFrame ||window.webkitRequestAnimat ...

  2. os sys 模块

    os.getcwd() 获取当前工作目录,即当前python脚本工作的目录路径 os.chdir("dirname") 改变当前脚本工作目录:相当于shell下cd os.chdi ...

  3. vbox 按照增强工具 centos7

    命令:mount -t auto /dev/cdrom /mnt/cdrom 这命令就是把CentOS CDROM挂载在/mnt/cdrom目录中,这样我们就可以访问光盘里面的内容了.执行“mount ...

  4. c#从基础学起string.Join(",", keys.ToArray())

    总感觉自己工作6年了,经验丰富.直到近期报了一个.net进阶班才知道.我还差得很远.就拿string.join对比 我的代码: public static int InsertModel<T&g ...

  5. Spring boot 配置嵌入式Servlet容器

    SpringBoot默认使用Tomcat作为嵌入式的Servlet容器 1.修改和server有关的配置(ServerProperties[也是EmbeddedServletContainerCust ...

  6. UI5-学习篇-6-SAP创建OData服务-RFC

    1.创建项目 2.Import RFC接口 3.定义实体名 目标服务器:若连接外部服务器则需SM59配置Destination 选择RFC函数名 4.选择数据源参数 5.设置主键值 6.保存成功 7. ...

  7. js中实现cookie的增删改查(document.cookie的使用详情)

    一.设置cookie的值 1.每个cookie都是一个名称/值对,名称/值对用等号连接,并将该名称/值对赋值给document.cookie即可.如:document.cookie="id= ...

  8. python流程控制for循环

    流程控制 for循环 #首先我们用一例子看下用while循环取出列表中值的方法 l=['a','b','c'] i=0 while i<len(l): print(l[i]) i+=1 #whi ...

  9. 4.ClassLink - 一种新型的VPC 经典网络的连接方式

    阿里云CLassLink文档地址:https://help.aliyun.com/document_detail/65412.html?spm=a2c4g.11186623.2.9.41a25a07F ...

  10. [原创]delphi一次性批量在TScrollBox中显示N个复选框TCheckBox的源码

    unit Unit1; interface uses Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System ...