码迷,mamicode.com
首页 > 编程语言 > 详细

《JavaScript高级程序设计(第二版)》学习(5)函数表达式

时间:2016-09-15 20:22:44      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:

声明:这类属于学习笔记,主要是摘录书中内容,比较少的整理。内容经常是跳跃的,建议您阅读书本,收益更大。


 定义函数的方式有2种,第一种是函数声明,另一种是函数表达式

函数声明会提升,就是JavaScript引擎先什么都不干,先把函数声明的代码解析一下,那么你是在此之前先用还是后用就无所谓了;但是表达式就没有这种特点,必须在函数表达式之后调用才不会出错。

//这个是可以的
sayhi();
function sayhi(){
    alert("hi");
}

//这种是不行的
sayhi();
var sayhi=function(){
    alert("hi");
};

 

关于递归:递归因为函数名可能变化,因此一般不会使用函数名,而是使用arguments.collee(n-1)类似这样的方法,但是在严格模式下,是不能获取arguments的,因此可以这么做

//在严格模式下arguments.callee无法通过脚本访问
//可以使用如下方法来代替使用
var fac=(function f(num){
    if(num<=1){
        return 1;
    }else{
        return num*f(num-1);
    }
});

console.log(fac(5));

 

闭包

有权访问另一个函数作用域中的变量的函数
创建闭包的常见方式使用嵌套函数

当函数第一次被调用时,会创建一个执行环境以及相应的作用域链,并把作用域链赋值给一个特殊的内部属性[[scope]]。然后使用this,arguments和其他命名函数的值来初始化函数的活动对象。但是外部函数的活动对象处于第二位,这样一直到全局执行环境。

在后台的每个执行环境都有一个表示变量的对象——变量对象。全局环境下的变量对象始终存在,而函数内的局部环境的变量对象,在函数执行结束后就消失了。作用域链本质上是一个指向变量对象的指针列表,它只引用但不实际包含变量对象。

然而闭包靠内部定义的函数会将包含函数(外部函数)的活动对象添加到它的作用域链中。当外部函数(不是全局函数的话)执行结束,其执行环境的作用域链会销毁,但活动对象不会回收。

由于闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存,过多使用闭包可能导致内存占用过多。

 

其次
作用域链的配置机制引起一个闭包的副作用:
只能取得包含函数中任何变量的最后一个值。

function createFunc(){
    var result=new Array();

    for (var i=0; i<10; i++){
        result[i]=function(){
            return i;
        };
    }
    return result;
}

// 得到的函数数组里,i全都10

因为每个函数的作用域链中都保存着外部函数的活动对象,所以他们引用的是同一个变量i,当函数返回result,i的值都是10.

对此我们可以用一种办法强制让闭包符合我们的预期

function create(){
    var result=new Array();

    for(var i=0; i<10; i++){
        result[i]=function(num){
            return function(){
                return num;
            };
        }(i);//立即执行匿名函数并将结果给result
    }
    return result;
}

console.log(create());

闭包里一个经常容易造成问题的是this

匿名函数的执行环境具有全局性,因此this通常是指向window。但因为闭包编写的方式不同,这一点可能会有所不同。

var name="the window";

var obj={
    name:"My object",
    getNameFunc:function(){
        return function(){
            return this.name;
        };
    }
};

console.log(obj.getNameFunc()()); //the window
var name="the window";

var obj={
    name:"My object",
    getNameFunc:function(){
        var that=this
        return function(){
            return that.name;
        };
    }
};

console.log(obj.getNameFunc()()); //my object

在下面这几种特殊情况下this也可能会意外改变

    var name="the window";

    var obj={
        name:"my object",
        getNameFunc:function(){
            return this.name;
        }
    };

    console.log(obj.getNameFunc()); //the object
    var aa=(obj.getNameFunc)(); //the object
    var bb=(obj.getNameFunc=obj.getNameFunc)(); //the window
    console.log(aa+"  "+bb);

    //第一行代码和平常一样调用了对象的方法
    //第二行代码使用了立即执行
    //第三行先是执行了赋值语句,然后调用赋值结果。因为赋值表达式是函数本身
    //所以this不能得到维持,结果就返回了this.window

 

《JavaScript高级程序设计(第二版)》学习(5)函数表达式

标签:

原文地址:http://www.cnblogs.com/westlin/p/5875234.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!