zoukankan      html  css  js  c++  java
  • 你真的了解new function(){} 和 function(){}()吗?

    只要 new 表达式之后的 constructor 返回(return)一个引用对象(数组,对象,函数等),都将覆盖new创建的匿名对象,如果返回(return)一个原始类型(无 return 时其实为 return 原始类型 undefined),那么就返回 new 创建的匿名对象。

    情景一. new function(){}

    var fn = new function() {return "圆心"}; 
    alert(fn); 

    我们运行情景一代码,将返回显示“[object object] ”,此时该代码等价于: 

    function 匿名类(){ 
        return "圆心"; 
    } 
    var fn = new 匿名类(); 
    alert(fn);

    也等价于:

    var Fn = function() {return "圆心"}; 
    var fn = new Fn();
    alert(fn);

    我们对情景一的代码进行下面改造: 

    var fn = new function() {return new String("圆心")}; 
    alert(fn);

    我们运行,将会发现返回的是“圆心”,这是为什么呢? 

    只要 new 表达式之后的 constructor 返回(return)一个引用对象(数组,对象,函数等),都将覆盖new创建的匿名对象,如果返回(return)一个原始类型(无 return 时其实为 return 原始类型 undefined),那么就返回 new 创建的匿名对象

    由于 new String 会构造一个对象,而不是一个 string 直接量,且new String(x) 如果带参数,那么alert它的时候就会返回 x。所以 fn 将返回 new String(”圆心”) 这个对象,而 alert(fn) 则显示 “圆心”。

    情景二. function(){}() 

    var obj = function() {return "圆心"}(); 
    alert(obj);

    我们运行情景二代码,将返回显示“圆心”,此时该代码等价于: 

    var 匿名函数 = function() {return "圆心"}; 
    var obj = 匿名函数(); 
    alert(obj);

    很明显,obj 返回的是匿名函数的执行结果值,即 obj 为:“圆心”。 

    当然匿名函数的执行结果也可以为一个匿名对象。具体常见应用可以看《Javascript的一种模块模式》 

  • 相关阅读:
    Canvas基础讲义
    封装一个DivTag
    递归深拷贝
    构造函数的执行过程
    封装一个Ajax工具函数
    数组去重
    [js开源组件开发]js多选日期控件
    自己写的表格插件autotable
    复杂表格的树形结构的添加删除行div实现
    自制html5塔防游戏
  • 原文地址:https://www.cnblogs.com/kunmomo/p/11919841.html
Copyright © 2011-2022 走看看