`
catmimigo
  • 浏览: 8190 次
  • 性别: Icon_minigender_1
  • 来自: 天津
最近访客 更多访客>>
社区版块
存档分类
最新评论

function, new function, new Function

 
阅读更多

   函数是JavaScript中很重要的一个语言元素,并且提供了一个function关键字和内置对象Function,下面是其可能的用法和它们之间的关系。


    使用方法一:

 
  var  foo01  =   function () //or fun01 = function ()
  {
      var  temp  =   100 ;
      this .temp  =   200 ;
      return  temp  +   this .temp;
  }

  alert( typeof (foo01));
  alert(foo01()); 
 

    运行结果:

 function
 
300

    最普通的function使用方式,定一个JavaScript函数。两种写法表现出来的运行效果完全相同,唯一的却别是后一种写法有较高的初始化优先级。在大扩号内的变量作用域中,this 指代foo01的所有者,即window对象。

    使用方法二:

  var  foo02  =   new   function ()
  {
      var  temp  =   100 ;
      this .temp  =   200 ;
       return  temp  +   this .temp;
  }

  alert( typeof (foo02));
  alert(foo02.constructor()); 
 

    运行结果:

 object
 
300

    这是一个比较puzzle的function的使用方式,好像是定一个函数。但是实际上这是定一个JavaScript中的用户自定义对象,不过这里是个匿名类。这个用法和函数本身的使用基本没有任何关系,在大扩号中会构建一个变量作用域,this 指代这个作用域本身。

    使用方法三:

  var  foo3  =   new  Function(' var  temp  =   100 ;  this .temp  =   200 ;  return  temp  +   this .temp;'); 

  alert( typeof (foo3));
  alert(foo3()); 
 

    运行结果:

 function
 
300

    使用系统内置函数对象来构建一个函数,这和方法一中的第一种方式在效果和初始化优先级上都完全相同,就是函数体以字符串形式给出。

    使用方法四:

  var  foo4  =  Function(' var  temp  =   100 ;  this .temp  =   200 ;  return  temp  +   this .temp;');

  alert( typeof (foo4));
  alert(foo4()); 
 

    运行结果:

function
300

    这个方式是不常使用的,效果和方法三一样,不过不清楚不用new 来生成有没有什么副作用 ,这也体现了JavaScript一个最大的特性:灵活!能省就省。

 

出处:http://www.cnblogs.com/birdshome/archive/2005/03/09/102817.html

 

new function(){
    this.a = "aa";
    alert(this.a);
};

(function(){
    this.a = "aa";
    alert(this.a);
})();
//这两个是一样的 

 

其实就是把函数的定义和执行放在一块。与传统的先定义后执行的方式相比,减少了全局变量。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics