JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释，全局对象，隐含的全局概念

<html>

 <body>

  <script type="text/javascript">

    //JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释

    myname = "global"; // global variable

    function func() {

        //var myname; // 等同于 -> var myname = undefined;

        //alert(myname); // "undefined"

        //myname = "local";

        //alert(myname); // "local"

        //JavaScript中，你可以在函数的任何位置声明多个var语句，并且它们就好像是在函数顶部声明一样发挥作用，这种行为称为 hoisting（悬置/置顶解析/预解析）。

        //只要你的变量是在同一个作用域中（同一函数），它都被当做是声明的，即使是它在var声明前使用的时候。

        //当你使用了一个变量，在函数中又重新声明的话，就可能产生逻辑错误(可能不是预期使用全局变量，而是变成局部变量 undefined)

        //所有的变量声明当被悬置到函数的顶部了,myname被当做了函数的局部变量（尽管是之后声明的）

        alert(myname); // "undefined"

        var myname = "local";//如果这个前面不加var 则上面的myname使用全局变量弹出global

        alert(myname); // "local"

        from_func_global = "test";

    }

    func();

    var my_var = "myvar";

    //每个JavaScript环境有一个全局对象，当你在任意的函数外面使用this的时候可以访问到。你创建的每一个全部变量都成了这个全局对象的属 性。

    //在浏览器中，方便起见，该全局对象有个附加属性叫做window，此window(通常)指向该全局对象本身。

    //JavaScript有隐含的全局概念，意味着你不声明的任何变量都会成为一个全局对象属性

    //通过var创建的全局变量（任何函数之外的程序中创建）是不能被删除的。

    //无var创建的 隐式全局变量（无视是否在函数中创建）是能被删除的。

    //隐式全局变量并不是真正的全局变量，但它们是全局对象的属性。属性是可以通过delete 操作符删除的，而变量是不能删除的

    // 试图删除

    alert(delete my_var); // false

    alert(delete myname); // true

    alert(delete from_func_global); // true

    // 测试该删除

    alert(typeof my_var); // "string"

    alert(typeof myname); // "undefined"

    alert(typeof from_func_global); // "undefined"

  </script>

 </body>

</html>

JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释，全局对象，隐含的全局概念的更多相关文章

  1. JavaScript函数之作用域 / 作用链域 / 预解析

    关于作用域和作用链域的问题,很多文章讲的都很详细,本文属于摘录自己觉得对自己有价值的部分,留由后用,仅供参考,需要查看详细信息请点击我给出的原文链接查看原文件 做一个有爱的搬运工~~ -------- ...

  2. javascript中的内置对象

    2015.12.1 javascript中的内置对象 复习: 1.js中的内置函数 alert prompt write parseInt parseFloat eval isNaN document ...

  3. JavaScript中的内置函数

    JavaScript中的内置函数 制作人:全心全意 在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是由JavaScript语言自身提供 ...

  4. javaScript中Math内置对象基本方法入门

    概念 Math 是javaScript的内置对象,包含了部分数学常数属性和数学函数方法. Math 不是一个函数对象,用户Number类型进行使用,不支持BigInt. Math 的所有属性与方法都是 ...

  5. javascript中的内置对象总结

    内置对象 标准内置对象 Object Object.create Object.prototype.toString Object.prototype.hasOwnProperty Boolean S ...

  6. 了解 JavaScript 中的内置对象

    所有编程语言都具有内部(或内置的)对象来创建 语言的基本功能.内部对象是 您编写自定义代码所用语言的基础, 该代码基于您的想象实现自定义功能.JavaScript 有许多 将其定义为语言的内部对象.本 ...

  7. 进击JavaScript核心 --- （2）函数和预解析机制

    一.函数 每个函数都是 Function类型的实例,也具有属性和方法.由于函数也是一个对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定 1.函数的定义方式 (1).函数声明 fun ...

  8. javascript中的内置对象和数据结构

    目录 简介 基础类型 undefined Boolean和Boolean对象 Number和BigInt String Symbol null Object Function Date Array K ...

  9. Qt中让Qwidget置顶的方法

    一般来是说窗体置顶和取消只要        setWindowFlags(Qt::WindowStaysOnTopHint);        setWindowFlags(Qt::Widget); 要 ...

随机推荐

  1. vue之cli脚手架项目中组件的使用

    在webpack-simple模板中,包括webpck模板.一个.vue文件就是一个组件. 为什么会这样呢?因为webpack干活了!webpack的将我们所有的资源文件进行打包.同时webpack还 ...

  2. App开发如何制作测试数据

    OHHTTPStubs 使用第三方请求库模拟返回json数据 https://github.com/AliSoftware/OHHTTPStubs 使用青花瓷maplocal制造假数据 https:/ ...

  3. ELK之在windows安装filebeat收集日志

    登录官方网站下载filebeat的windows客户端 https://www.elastic.co/downloads/beats 下载压缩包,无需解压 修改配置文件filebeat.yml 其余设 ...

  4. 【转】C#线程篇

    C# 温故而知新: 线程篇(一) C# 温故而知新: 线程篇(二) C# 温故而知新:线程篇(三) C# 温故而知新: 线程篇(四)

  5. Qt中容器类应该如何存储对象（对象加入到容器时会发生拷贝，容器析构时，容器内的对象也会析构）

    Qt提供了丰富的容器类型,如:QList.QVector.QMap等等.详细的使用方法可以参考官方文档,网上也有很多示例文章,不过大部分文章的举例都是使用基础类型:如int.QString等.如果我们 ...

  6. Cow Contest---poj3660

    题目链接:http://poj.org/problem?id=3660 题意:有n头牛,m个关系,a b意思是a能打败b:求能确定排名的有几个: 如果一头牛被x头牛打败,并且可以打败y头牛,如果x+y ...

  7. 洛谷P4035 球形空间产生器 [JSOI2008] 高斯消元

    正解:高斯消元 解题报告: 链接! 昂开始看到以为是,高斯消元板子题? 开始很容易想到的是,虽然是多维但是可以类比二维三维列出式子嘛 但是高斯消元是只能处理一元问题的啊,,,辣怎么处理呢 对的这就是这 ...

  8. 网卡配置/etc/network/interfaces

    话说Debian系的网卡配置跟Redhat系很不一样,Redhat是放在/etc/sysconfig/network-scripts目录下面的一大堆文件里面,要修改?你一个一个文件来过吧.Debian ...

  9. mac chrome 驱动配置

    将解压后的chromedriver移动到/usr/local/bin目录下

  10. 实习培训——Servlet（7）

    实习培训——Servlet(7) 1  Servlet 异常处理 当一个 Servlet 抛出一个异常时,Web 容器在使用了 exception-type 元素的 web.xml 中搜索与抛出异常类 ...