JavaScript 基础笔记 3作用域-蒲公英云

JavaScript 基础笔记 3作用域

作用域:在一定的范围内进行读写操作
         域:空间，范围，区域
             script里面 全局变量 全局函数 自上而下
            函数：由里到外 局部可以改全局的值
        作用:读，写
        作用域链：函数内找不到声明顺着作用域链往上找
    浏览器:
        "js解析器"
            1)"找一些东西": var function 参数...
                var a=未定义; 所有的变量，在正式运行代码之前都提前赋了一个值=>undefined;
                所有的函数，在正式运行代码前都是整个函数块;
                以上称为"JS得预解析";
                    遇到重名的：只留下一个
                                变量和函数重名只留下函数
            2)逐行解读代码:从上往下，从左到右
                表达式：= + - * / % ++ -- 参数 Number()...
                函数声明不是表达式
    想要获取函数内的值：
        可以定义一个全局变量，让全局变量等于想获取的值，然后执行函数，弹出定义的全局变量
        两个函数，想调用第一个函数里的值，可以把第二个函数，在函数1里执行，把想调用的值，当成一个参数，传递到第二个函数里。
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
 // 想要获取函数内的值：
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);
}i的取值问题
 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';
            }
        };
    }
};