javascript

位置:IT落伍者 >> javascript >> 浏览文章

JavaScript:new 一个函数和直接调用函数的区别分析


发布日期:2018年10月08日
 
JavaScript:new 一个函数和直接调用函数的区别分析
或许许多人对此不以为然在函数前加 new 关键字不就是实例化一个对象吗?但事情显然没那么简单复制代码 代码如下:
function Test() {
thisname = Test;
return function() { return true; }
}


var test = new Test(); // 这里的 test 是什么?
是一个 Test 对象吗?错!这里 test 是一个函数——Test 中返回的 function() { return true; }这时new Test() 等效于 Test()注意是等效于不是等于如果使用new Test() == Test() 判定两者是否相等则会返回 false因为 Javascript 对于 Object 和 Function 的比较是基于引用的
为了更清晰的分辨在上述情形下两者间的区别请继续看以下代码

复制代码 代码如下:
function Test() {
thisname = Test;
return Test;
}
var fnT = Test();
var newT = new Test();


显然fnT 是字符串 Test那 newT 呢?呵呵是不是被第一个样例迷惑了?其实此时 newT 是一个 Test 对象——有一个名为 name 的属性其值为字符串 Test
通过上面两段代码我们可以得出一个猜测如果函数返回值为常规意义上的值类型(NumberStringBoolean)时new 函数将会返回一个该函数的实例对象而如果函数返回一个引用类型(ObjectArrayFunction)则 new 函数与直接调用函数产生的结果等同通过在 Test 函数中返回不同类型的值进行测试可以证实这一点
分清这一点其实还是蛮重要的至少在看一些面向对象的框架类库代码时会少一些疑惑

上一篇:Javascript无阻塞加载具体方式

下一篇:js导出格式化的excel 实例方法