<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

/*

// 作用域：

// 域：空间、范围、区域……

// 作用：读、写

    script        全局变量、全局函数

        自上而下

    函数

        由里到外

    {}

    浏览器：

        “JS解析器”

            1）“找一些东西”    ：var  function 参数

                            a = ...

                                    所有的变量，在正式运行代码之前，都提前赋了一个值：未定义

                            fn1 = function fn1(){ alert(2); }

                                    所有的函数，在正式运行代码之前，都是整个函数块

                            JS 的预解析

                        遇到重名的：只留一个

                            变量和函数重名了，就只留下函数

            2）逐行解读代码：

                        表达式：= + - * / % ++ -- ! 参数……

                        表达式可以修改预解析的值！

alert(a);                    // function a (){ alert(4); }

var a = 1;

alert(a);                    // 1

function a (){ alert(2); }

alert(a);                    // 1

var a = 3;

alert(a);                    // 3

function a (){ alert(4); }

alert(a);                    // 3

alert( typeof a );

// a();                                    // 报错

*/

/*

var a = 1;

function fn1(){

    alert(a);                        // undefined

    var a = 2;

}

fn1();

alert(a);                            // 1

var a = 1;

function fn1(){

    alert(a);                        // 1

    a = 2;

}

fn1();

alert(a);                            // 2

*/

/*

var a = 1;

function fn1(a){

    alert(a);                        // undefined

    a = 2;

}

fn1();

alert(a);                            // 1

var a = 1;

function fn1(a){

    alert(a);                        // 1

    a = 2;

}

fn1(a);

alert(a);                            // 1

*/

</script>

</head>

<body>

</body>

</html>

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

/*

var num = 0;

function fn1(){

    num++;

}

function fn2(){

    num--;

}

fn2();

fn1();

fn2();

alert(num);

*/

// 想要获取函数内的值：

var str = '';

function fn1(){

    var a = '大鸡腿~';

    str = a;

}

fn1();

// alert( str );

function fn2(){

    var a = '9999999克拉钻石23456789';

    fn3(a);

}

fn2();

function fn3(a){

    alert(a);

}

</script>

</head>

<body>

</body>

</html>

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

// alert(a);            // ...

alert( fn1 );        // FF 不能对下面的函数进行预解析

var a = 1;

function fn1(){

    alert(123);

}

if( true ){

}

</script>

</head>

<body>

</body>

</html>

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

window.onload = function (){

    var aBtn = document.getElementsByTagName('input');

    for( var i=0; i<aBtn.length; i++ ){

        aBtn[i].onclick = function (){

            // alert( i );            // 3

            for( var i=0; i<aBtn.length; i++ ){

                aBtn[i].style.background = 'yellow';

            }

            QQ: 1056104999

            bbs.miaov.com

        };

    }

};

</script>

</head>

<body>

<input type="button" value="按钮1" />

<input type="button" value="按钮2" />

<input type="button" value="按钮3" />

</body>

</html>

javascript-初级-day06作用域、JS预解析机制的更多相关文章

  1. 轻松搞定javascript变量（闭包，预解析机制，变量在内存的分配 ）

    变量:  存储数据的容器     1.声明        var   2.作用域       全局变量. 局部变量. 闭包(相对的全局变量):   3.类型         a.基本类型(undefi ...

  2. JS预解析机制

    JS的预解析过程: 1,预解析 2,再逐行解读代码, 实例: ---------------------------- <script>        var name="xm& ...

  3. [妙味JS基础]第六课：作用域、JS预解析机制

    知识点总结 浏览器的解析方法 script 全局变量,全局函数 自上而下 函数 由里到外 "JS的解析器": 1)“找一些东西”:var function 参数 var a=未定义 ...

  4. 第06课：作用域、JS预解析机制

    从字面上理解----域就是空间.范围.区域,作用就是读.写,所以作用域我们可以简单理解为:在什么样空间或者范围内对数据进行什么样的读或写操作. 看一下代码 alert(a); // 为什么是undef ...

  5. js作用域其二:预解析

    文章目錄 解析机制 JavaScript是一门解释型的语言 , 想要运行js代码需要两个阶段 编译阶段: 编译阶段就是我们常说的JavaScript预解析(预处理)阶段,在这个阶段JavaScript ...

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

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

  7. JavaScript 预解析机制

    首先我们来看一段代码: <script> console.log(a); var a = 10; </script> 此时运行结果为   为什么会显示undefined呢?这就 ...

  8. 轻松搞定javascript预解析机制（搞定后，一切有关变态面试题都是浮云~~）

    hey,guys!我们一起总结一下JS预解析吧! 首先,我们得搞清楚JS预解析和JS逐行执行的关系.其实它们两并不冲突,一个例子轻松理解它们的关系: 你去酒店吃饭,吃饭前你得看下菜谱,点下菜(JS预解 ...

  9. 从var func=function 和 function func()区别谈Javascript的预解析机制

    var func=function 和 function func()在意义上没有任何不同,但其解释优先级不同:后者会先于同一语句级的其他语句. 即: { var k = xx(); function ...

随机推荐

  1. bzoj4552排序（线段树，二分）

    题目大意 给定一个长度为n的序列,有m个操作,操作包括两种: \(0\ l\ r\)区间[l,r]的数字升序排序 \(1\ l\ r\)区间[l,r]的数字降序排序 最后询问在q位置上的数是多少? 其 ...

  2. SpringBoot 后端接收前端传值的方法

    1.通过HttpServletRequest接收,适用于GET 和 POST请求方式       通过HttpServletRequest对象获取请求参数 @RestController @Reque ...

  3. Less-(5~7) error based

    Less-5: 核心语句: 我们注意到,当输入正确时,并不能获得有价值的回显.好在出现错误时,会爆出错误内容: 于是,使用报错注入: 1'  and updatexml(1,concat(0x7e,( ...

  4. 基于Apache Zookeeper手写实现动态配置中心（纯代码实践）

    相信大家都知道,每个项目中会有一些配置信息放在一个独立的properties文件中,比如application.properties.这个文件中会放一些常量的配置,比如数据库连接信息.线程池大小.限流 ...

  5. 用例图示例：使用系统边界表示多个项目 / Using System Boundary to model Multiple Projects in Use Case Diagram

    什么是用例图? 用例是一种捕获系统功能需求的技术.用例描述了一个独立于实现细节的期望行为.用例的目标是捕获用户设想的所有系统级功能.从用户的角度来看,用例是关于系统应该做什么的.用例捕获系统利益相关者 ...

  6. js--数组的 fill() 填充方法详解

    前言 我们知道了很多了初始化数组的方法,但是初始化数组之后,数组中的每一项元素默认为 empty 空位占位,如何对数组这些空位添加默认的元素,ES6提供了 fill() 方法实现这一操作.本文总结数组 ...

  7. mongodb的索引操作

    在mongodb中,当我们一个集合中的数据量非常大时,比如几百万条数据,如果不使用索引,对数据的查询就会进行全表扫描,这个时候查询的速度就会非常的慢,此时我们就需要为集合建立上索引,从而加快查询的速度 ...

  8. 大神教零基础入门如何快速高效的学习c语言开发

    零基础如果更快更好的入门C语言,如何在枯燥的学习中找到属于自己的兴趣,如果把学习当成一种事务性的那以后的学习将会很难有更深入的进步,如果带着乐趣来完成学习那将越学越有意思这样才会让你有想要更深入学习的 ...

  9. stm32驱动超声波模块

    下面是关于stm32驱动超声波模块的一段代码,有需要的朋友可以复制参考,希望对大家能够有所帮助和启发. #define HCSR04_PORT GPIOB #define HCSR04_CLK RCC ...

  10. 21.10.14 test

    题目 WOJ5078 到 WOJ5081 T1 Problem A \(\color{green}{100}\) 由于每轮要选择尽量多的边删除,所以想到无向图的生成树,因为在生成树上再加一条边就会形成 ...