Ext JS学习第四天 我们所熟悉的javascript（三）

此文用来记录学习笔记；

•javascript之函数

•this关键字的使用

–this关键字总是指向调用者，谁调用函数，this就指向谁

•call、apply的使用

–call和apply主要应用与框架底层，用于绑定函数的执行环境/作用域

•块的概念

–和高级程序语言不同，js里没有块的概念，我们一般用小括号包裹块级作用域

•闭包：掌握闭包必须要深入清楚的概念

–执行环境

–作用域链

–垃圾回收机制

 

附上栗子 代码

// This 关键字 在javascript里的使用
//this关键字总是指向调用者，谁调用函数，this就指向谁
var x = 5; // window.x = 5 ;
function test(){
    alert(this.x);    
};
test.x = 10;//给函数加以个静态变量X
alert(test.x);//10
window.test();// 5


// call apply 主要作用是绑定作用域
var color = 'red';
var obj = {color:'yellow'};

function showColor(x,y,z){
    alert(x+y+z);
    alert(this.color);
};
//// call、apply 绑定一个函数 ，到你指定的作用域内执行
showColor.call(window, 10, 20, 30);//red 60
showColor.call(obj, 10, 20, 30);//yellow 60
showColor.apply(obj, [2, 3, 4]);//yellow 9

//块的概念:
function test(){
    (function(){
        for(var i = 1 ;i <=5 ; i++){
            alert(i);
        }    
    })();
    alert(i);//undefined
};
test();

// 闭包 ：执行环境、作用域链、js垃圾回收
// 函数碰到return直接返回、没有renturn 返回结果undefined
// 在javascript语言里: 更不提倡使用全局变量 (1：不安全、2：做变量搜索查找的时候效率比较低)
function test(){
    return function(){
        alert('我是闭包体代码...');
    };
};
var f = test();
alert(typeof f);//function
f();//我是闭包体代码...

function test(){
    var temp = 10 ;
    return function(){
        alert(temp);
    };
};
test()();


// 避免使用全局变量 点击按钮 统计点击的次数
var inp = (function(){
    var i = 0;
    return {
        getCount:function(){
            alert(++i);
        }
    };
})();

 推荐给各位推荐个优美文章网www.fishcmonkey.com,学习之余提高文学修养