function, new function, new Function之间的区别
更新时间：2007年03月08日 00:00:00 作者：
函数是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一个最大的特性：灵活！能省就省。
关于函数初始化优先级这个问题，可以参看："JS类定义原型方法的两种实现的区别"的回复。
使用方法一：
复制代码 代码如下:
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());
300 这是一个比较puzzle的function的使用方式，好像是定一个函数。但是实际上这是定一个JavaScript中的用户自定义对象，不过这里是个匿名类。这个用法和函数本身的使用基本没有任何关系，在大扩号中会构建一个变量作用域，this指代这个作用域本身。
使用方法三：
复制代码 代码如下:
var foo3 = new Function('var temp = 100; this.temp = 200; return temp + this.temp;');
alert(typeof(foo3));
alert(foo3());
300 使用系统内置函数对象来构建一个函数，这和方法一中的第一种方式在效果和初始化优先级上都完全相同，就是函数体以字符串形式给出。
使用方法四：
复制代码 代码如下:
var foo4 = Function('var temp = 100; this.temp = 200; return temp + this.temp;');
alert(typeof(foo4));
alert(foo4());
function
300 这个方式是不常使用的，效果和方法三一样，不过不清楚不用new来生成有没有什么副作用，这也体现了JavaScript一个最大的特性：灵活！能省就省。
关于函数初始化优先级这个问题，可以参看："JS类定义原型方法的两种实现的区别"的回复。
相关文章
这篇文章主要介绍了原生JS实现获取及修改CSS样式的方法,结合实例形式简单分析了JavaScript针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-09-09
小程序根目录下的 app.json 文件是小程序的全局配置文件,本文给大家分享微信小程序之全局配置window和tabBar案例讲解,感兴趣的朋友跟随小编一起看看吧2024-01-01
这篇文章主要介绍了JS遍历DOM文档树的方法,结合实例形式分析了javascript遍历dom文档树的相关方法与使用技巧,需要的朋友可以参考下2018-04-04
Js中的Object.entries()基本知识详细分析(附Demo)
Object.entries方法能将对象的可枚举属性转为数组,每个元素是键值对数组,可用于for...of迭代,下面这篇文章主要介绍了Js中的Object.entries()基本知识的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-09-09
JavaScript是单线程的编程语言，只能同一时间内做一件事。但是在遇到异步事件的时候，js线程并没有阻塞，还会继续执行。这是因为JS有事件循环机制，本文就为大家详细讲解一下这一机制，需要的可以参考一下2022-03-03
下面小编就为大家带来一篇纯js实现页面返回顶部的动画(超简单)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
今天小编就为大家分享一篇layui中select，radio设置不生效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
alert（）和console.log()在程序中经常会用到，大家知道他们的区别吗，接下来，通过本文给大家介绍alert()与console.log()的不同，需要的朋友可以参考下2015-08-08
写suggest的时候，有时我们快速删除输入框的文字后，但是suggest下拉列表还有出现，导致的原因是因为ajax异步请求造成的，下面通过本文给大家分享下解决方法，感兴趣的朋友一起看看2016-12-12
这篇文章主要为大家详细介绍了JavaScript实现动态加载删除表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
最新评论