******标题很吓人************

其实就是一个小小的例子 ，从例子中简单的分析一下作用域、预解析和变量提前的概念

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>关于js中的那些小知识点</title>

    </head>

    <body>

    </body>

    <script>

    var a=1;

    function zero(){

        alert(a);

        var a=2;

        alert(a);

    }

    zero();

    </script>

</html>

你会看到这里的结果第一次弹窗是undefined  第二次是2

也许会有人疑问为什么第一次弹出来不是1 呢？（知道的大神不要喷我）

分析名词:作用域

其实在javascript语言里只有函数是可以提供作用域，换句话说javascript里有且只有函数作用域，没有其他的作用域。因此要理解作用域必须从函数讲起！

那么咱们说一下这个函数的作用域

函数的作用域（其实作用域可以理解为一个箱子，姑且这么理解吧就是一个封闭性的东西 而且很霸道，他可以拿外边人的东西，但是外边的人不能拿 箱子里的东西 想要拿必须经过同意）//xx 好像晦涩难懂

分析名词:预解析（就像c语言一样你写完了代码不能直接运行你要编译一下  这个预解析很类似那个编译的过程）

预解析就是电脑先看一边心里有个数 知道了那个是变量 那个是函数声明 函数中是否有局部变量 等等等等。。。

分析名次：变量提前（顾名思义就是我声明的变量提前到了这个顶部【作用域的顶部】）

咱们用一个例子解释一下变量提前（代码一和代码二的代码作用相似）

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>代码一</title>

    </head>

    <body>

    </body>

    <script>

    function zero(){

        alert(a);

        var a=2;

    }

    zero();

    </script>

</html>
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>代码二</title>

    </head>

    <body>

    </body>

    <script>

    function zero(){

        var a;//没有赋值的情况下默认是undefined

        alert(a);

    }

    zero();

    </script>

</html>

以上两个代码的作用是相似的也就是代码二就是变量提前的做法

讲了这么多 也该说一下这个例子了

从预解析开始讲解(因为电脑也是先预解析在执行的)

首先 全部变量 声明了一个a=undefined

然后声明了一个函数 zero  zero函数中还有一个局部变量a=undefined（到此解析完毕）

然后开始执行  执行的当然是函数了。。。所以我们先看函数

函数中变量的提前请看代码二  于是第一次弹出来就是undefined    弹出来undefined之后变量赋值了(对，你没看错就是赋值了) 那么再次执行的话就是2 （为什么不是1 因为函数中自己有变量啊 于是就覆盖了全局变量）

举个例子说明 ： 你要炒鸡蛋 你发现你的家中有鸡蛋 于是你就不会去买了 或者拿别人的了吧（不要钻牛角 说鸡蛋不够用啊）

终于写完了    休息一下

ps:写的比较浅  希望大家能多多指点。。。

关于js语法中的一些难点(预解析，变量提前，作用域)的更多相关文章

  1. thinkphp遇到的小问题，js文件中U方法不被解析

    我想在js文件中写ajax, 写完发现异常, 本以为是js文件中不支持ajax 后来发现时地址解析错误. 也就是U方法在js文件中不被解析. 貌似thinkphp解析,tpl文件中的一些元素. js文 ...

  2. js高程读书笔记（第4章--变量、作用域和内存）

    JavaScript变量松散类型的本质,决定了它只是在特定时间用于保存特定值的一个名字而已.由于不存在定义某个变量必须要保存何总数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变. 1. ...

  3. js正则表达式中的正向肯定预查和正向否定预查

    对于没有使用过这几个表达式的人,应该对这个概念都有点不太理解,下面就以实际例子说明这几个表达式的用户. 一.?:pattern——匹配检验:会作为匹配校验,是一个非获取匹配,并出现在匹配字符结果里面, ...

  4. js语法中一些容易被忽略，但会造成严重后果的细节

    一.复杂数据类型-“对象”的地址引用方式,不理解清楚,会出大乱子 复习一下基础概念(老司机略过): JS的数据可以分为简单类型(数字.字符串.布尔值.null和undefined)和 复杂数据类型(对 ...

  5. 【坑】js语法中一些小细节 不注意也出坑 随笔记下 留待后查

    1.switch case内 区分数字 与 字符 ',bl; switch(+lv){ :bl = 1.7;break; :bl = 1.55;break; :bl = 1.4;break; ; } ...

  6. 2 —— js语法 —— 对象和方法的声明 。变量提升。闭包

    一,声明对象 var obj1 = {}; var obj2 = {name:'kk',age:18,fun:function{          // name,age,fun为对象的属性,只是属性 ...

  7. JavaScript 中的匿名函数((function() {})();)与变量的作用域

    以前都是直接用前端框架Bootstrap,突然想看看Javascript,发现javascript是个非常有趣的东西,这里把刚碰到的一个小问题的理解做下笔录(废话不多说,上代码). /** * Exa ...

  8. JavaScript (四) js的基本语法 - - 函数练习、arguments、函数定义、作用域、预解析

    个人博客网:https://wushaopei.github.io/    (你想要这里多有) 一.函数练习 1.求最值 // - 求2个数中的最大值 function getMax(num1, nu ...

  9. JS基础语法---预解析

    预解析:就是在解析代码之前   1. 预解析做什么事? 把变量的声明提前了----提前到当前所在的作用域的最上面 函数的声明也会被提前---提前到当前所在的作用域的最上面   举例: function ...

随机推荐

  1. 【MySQL】undo,redo,2PC,恢复思维导图

    http://blog.itpub.net/22664653/viewspace-2131353/

  2. JAVA常见算法题(一)

    package com.xiaowu.demo; // 有一只兔子,从出生后第3个月起每个月都生一只兔子,小兔子长到第四个月后每个月又生一只兔子,假如兔子都不死,问每个月的兔子总数为多少? /** * ...

  3. ubuntu14.04安装 chrome

    安装谷歌浏览器,只需要三行代码: 打开终端,输入 cd /tmp 对于谷歌Chrome32位版本,使用如下链接: wget https://dl.google.com/linux/direct/goo ...

  4. git只拉取github部分代码的方法

    需求:github某个项目所有代码太大,有600+M,甚至更大:只需要拉取部分代码,一是可以降低网络消耗,二是可以降低磁盘占用 分析了下空间占用情况:发现每个项目下的.git/objects/pack ...

  5. zabbix web监测

    web monitoring(监测)属于业务监控,用来监控Web站点多方面的可用性,可以监控Web站点的下载速度.返回码和响应时间.Zabbix能够检测HTML中包含的预先定义的字符串,也可以模拟登录 ...

  6. v-if 条件渲染分组

    因为 v-if 是一个指令,所以必须将它添加到一个元素上.但是如果想切换多个元素呢?此时可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if.最终的渲染结果将 ...

  7. linux 编译中required file `./ltmain.sh' not found 错误的解决办法（转）

    在linux下编译c/c++程序出错:$ automake --add-missing....configure.in:18: required file `build/ltmain.sh' not ...

  8. POJ 2375 Cow Ski Area (强连通分量)

    题目地址:POJ 2375 对每一个点向与之相邻并h小于该点的点加有向边. 然后强连通缩点.问题就转化成了最少加几条边使得图为强连通图,取入度为0和出度为0的点数的较大者就可以.注意,当强连通分量仅仅 ...

  9. 【Excle数据透视表】如何水平并排显示报表筛选区域的字段

    原始效果 目标效果 解决方案 设置数据透视表"在报表区域筛选显示字段"为"水平并排" 步骤 方法① 单击数据透视表任意单元格→数据透视表工具→分析→选项→布局和 ...

  10. 基于Android平台的简易人脸检测库

    代码地址如下:http://www.demodashi.com/demo/12135.html ViseFace 简易人脸检测库,不依赖三方库,可快速接入人脸检测功能. 项目依赖:compile 'c ...