javascript函数表达式

原创 2015年11月18日 13:09:16

1、函数声明与函数表达式的差异之一:声明可以在被声明之前调用,由于函数声明提升的原因,而函数表达式可以看做是普通变量,因为不能在声明之前引用。

<!doctype>
<html>
<head>
	<meta charset="UTF8">
</head>
<script type="text/javascript">
    function a(){

    }
    console.log(a.name);//获取函数名称,在chrome、Safari、Firefox和opera中有效

    //函数提升会导致一些意想不到的结果,如下所示
    var condition = true;
    if(condition){
        function b(){
            console.log(true);
        }
    }
    else{
        function b(){
            console.log(false);//一般来说无论condition是true还是false,都会保留后一个
        }
    }
    b();

    //如果是函数表达式则没有任何问题,因为函数表达式不会被提升,如下
    if(condition){
        var c = function(){
            console.log(true);
        }
    }
    else{
        var c = function(){
            console.log(false);
        }
    }
    c();

    //函数的递归调用
    function d(num){
        if(num == 1){
            return num;
        }
        else{
            return num * arguments.callee(num-1);
            //此处尽量不要使用函数名,防止当函数名发生变化时,出现错误,但是在严格模式下不允许使用callee
        }
    }
    console.log(d(4));
    //更靠谱的递归函数,适用于严格模式
    var d = (function f(num){
        if(num == 1){
            return 1;
        }
        else{
            return num * f(num - 1);
        }
    });
    console.log(d(4))

    //函数的闭包,有权访问另一函数作用域的函数
    function e(name){
        return function(){
            console.log(name);
        }
    }
    var g = e('guoxiaofen');
    g();//被闭包的函数,在父函数结束后,仍能访问其中的变量
    g = null;//取消对匿名函数的引用,以便释放内存

    //请注意闭包只能取得函数变量的最后一个值
    function create(){
        var result = new Array();
        for(var i = 0 ;i < 10;i++){
            result[i] = function(){
                console.log('running' + i);
                return i;
            }
        }
        console.log('create finish');
        return result;
    }
    var result = create();
    console.log(result[1]());//10
    console.log(result[4]());//10,请注意只会记录父函数的最后一个值

    //修正方法:
    function create1(){
        var result = new Array();
        for(var i = 0 ;i < 10;i++){
            result[i] = function(num){//将i复制一份存入临时参数num中
                return function(){
                    return num;
                };
            }(i);
        }
        console.log('create finish');
        return result;
    }
    result = create1();
    console.log(result[1]());//1
    console.log(result[4]());//4

    //关于闭包的this对象
    var name = 'the window';
    var o ={
        name :'my o',
        sayName : function(){
            return function(){
                return this.name;
            }
        }
    }
    var say = o.sayName();
    console.log(say());//the window,函数被调用时自动取得this和arguments对象,
    // 搜索这两个变量时,搜索到当前活动对象为止,即global对象,而不是外部闭包对象
    var o1 ={
        name :'my o1',
        sayName : function(){
            var that = this;
            return function(){
                return that.name;
            }
        }
    }
    console.log( o1.sayName()());

    //意外的改变this值
    var person = {
        name:'Andy',
        sayName:function(){
            return this.name;
        }
    }
    console.log(person.sayName());//Andy
    console.log((person.sayName)());//Andy
    console.log((person.sayName=person.sayName)());//the window

    //Dom元素导致的内存泄露
    //用闭包函数模仿块级作用域
    function output(num){
        (function(){
            for(var i = 0;i<num;i++){
                console.log(i);
            }
        })();
//        console.log(i);//undefined
    }
    output(2);

    //利用闭包定义私有变量,name修改只能通过get或者set函数访问
    var highPerson = function(name){
        this.getName = function(){
            return name;
        };
        this.setName = function(value){
            name = value;

        }
    }
    var Andy = new highPerson('Andy');
    console.log(Andy.getName());
    Andy.setName('guo');
    console.log(Andy.getName());

    //
</script>
</html>


JavaScript 箭头函数(Lambda表达式)

简介JavaScript 中,函数可以用箭头语法(”=>”)定义,有时候也叫“lambda表达式”。这种语法主要意图是定义轻量级的内联回调函数。例如:// Arrow function: [5, 8,...
  • cuit
  • cuit
  • 2016年11月17日 15:09
  • 11775

javascript中函数声明和函数表达式的区别

1.js中函数表达式的定义 表达式(expression)JavaScript中的一个短语,javascript会将其计算(evaluate)出一个结果。程序中的常量是一个最简单的表达式。变量名也...
  • yisuowushinian
  • yisuowushinian
  • 2015年05月07日 21:41
  • 7599

JavaScript中”立即调用的函数表达式“

在学习JavaScript的时候,经常会看到“自动立即执行的函数代码”。 说的通俗点就是:定义一个函数,然后立即调用它。 我们知道调用一个函数的方式是在函数名称后面添加一对圆括号。 例如: var ...
  • zhuyunhe
  • zhuyunhe
  • 2015年05月04日 12:18
  • 1083

javascript执行eval函数时利用正则表达式去掉回车符换行符和注释

  • 2010年12月24日 09:15
  • 6KB
  • 下载

[Javascript] String.replace 正则表达式及替换函数使用 $ 字符

之前一直以为对js正则表达式的最最基本的使用已经掌握了,结果今天在想要使用String.replace来达到将匹配到的内容替换为匹配到的内容中的一部分再加以转换操作得到的结果时(看起来有点晕,不好意思...
  • Elliott_Yoho
  • Elliott_Yoho
  • 2016年12月01日 18:12
  • 1073

JavaScript高级程序设计之函数表达式之闭包之关于 this 对象第7.2.2讲笔记

在闭包中使用 this 对象也可能会导致一些问题。我们知道, this 对象是在运行时基于函数的执 行环境绑定的:在全局函数中, this 等于 window ,而当函数被作为某个对象的方法调用时,...
  • Jane617_min
  • Jane617_min
  • 2015年09月30日 20:24
  • 420

深入理解Javascript: 立即调用的函数表达式

前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行。 在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一定完...
  • oXiaoHe12345
  • oXiaoHe12345
  • 2015年08月01日 08:48
  • 236

深入了解javascript--立即调用的函数表达式

前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行。 在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一...
  • bjiang927
  • bjiang927
  • 2015年10月16日 16:06
  • 226

javascript正则表达式函数详解

JavaScript中正则表达式函数详解(exec, test, match, replace, search, split) 1、使用正则表达式的方法去匹配查找字符串 1.1. exec方法详解...
  • a125138
  • a125138
  • 2012年08月14日 22:36
  • 3661

深入JavaScript(2)揭秘命名函数表达式

前言 网上还没用发现有人对命名函数表达式进去重复深入的讨论,正因为如此,网上出现了各种各样的误解,本文将从原理和实践两个方面来探讨JavaScript关于命名函数表达式的优缺点。 简单的说,命名函...
  • u011225629
  • u011225629
  • 2015年08月12日 15:22
  • 1202
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript函数表达式
举报原因:
原因补充:

(最多只允许输入30个字)