zoukankan      html  css  js  c++  java
  • 当一个变量为函数时,应该注意的一点细节

    先看一段简单的代码:

    var testFun=function (name,age){
    	var job='Flash Develop';
    	return new testFun.init(name,age,job);
    }
    
    testFun.init=function(name,age,job){
    	return 'name:'+name+',age:'+age+',job:'+job+'';
    }
    
    alert(testFun('vincent',30));   //[object Object]

    代码很简单,变量testFun为一个匿名函数,匿名函数返回的一个testFun.init对象(也是一个匿名函数)。但对于一些新手有时会误解为:testFun是返回的一个testFun.init对象。他可能会这样想,在匿名函数function(name,age)构建过程中,又用到了testFun. 此时testFun还在构建中,应该还没有存在,testFun.init更没有存在,怎么就可以用testFun.init呢?

    其实这样想是存在了一个误区:把testFun与testFun()等同起来了,如果testFun是返回的一个testFun.init对象,代码应该是testFun=function(name,age){… …}()。正确的理解应该是这样的,testFun只是一个函数,当你把一个函数赋于它时,它就已经存在了,哪怕函数返回的是undefined或null,它本身仍然是Function,只有testFun()执行后返回值才是undefined或null。返回值是testFun()执行的结果,结果返回后,就不再与testFun有任何关系。如:

    var testFun=function(){
    	return undefined;
    }
    var result=testFun();
    alert(testFun);      // function () {return undefined;}
    alert(result);       // undefined   result与testFun不再有任何关系

    所以,当赋于testFun一个匿名函数后,它就一直存在着,直到赋于它另外一个值。对于testFun.init你可以这样简单的去理解:

    testFun.init=function(name,age){}.init=function(name,age.job){… …}

    综上所述,回头再看testFun是一个函数,而testFun()则是(function(name,age,job){return 'name:'+name+',age:'+age+',job:'+job+''; })()

    为了便于理解,可以把代码精简为:

    var testFun=function(){}
    testFun.init=function(){}

    只是testFun()没有返回一个testFun.init对象罢了。

  • 相关阅读:
    LeetCode刷题记录2020-10-07之动态规划入门!!!线性DP(二)
    LeetCode刷题记录2020-10-06之动态规划入门!!!线性DP
    LeetCode刷题记录2020-10-05之Double Pointer!!!
    Python核心编程之属性查找过程!
    Python核心编程之元类!
    Python配置文件的导入方式和源码分析!
    大数据架构入门之二:埋点数据流程
    day46 css第二part
    day44天 HTTP协议 和前端html协议
    day39 视图 触发器 事务 存储过程 函数 流程控制 索引与慢查询优化
  • 原文地址:https://www.cnblogs.com/fxair/p/2304427.html
Copyright © 2011-2022 走看看