Js:new Fun_name() & Fun_name()的区别

发布时间:2016-12-8 6:12:11 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"Js:new Fun_name() & Fun_name()的区别",主要涉及到Js:new Fun_name() & Fun_name()的区别方面的内容,对于Js:new Fun_name() & Fun_name()的区别感兴趣的同学可以参考一下。

今天偶然发现一个关于数名( ) 和 new 函数名( )这两种方式挺有意思的区别: function Fun_name() { this.attr = 'test'; console.log(this); return this.attr; } var $ = function (id) { return document.getElementById(id); }; alert(new Fun_name()); //log->{attr:'test'}, alert->[object Object] alert(Fun_name()); //log->{window}, alert->'test' 直接函数调用中的this指向window对象,返回字符串;而new函数的this指向函数的实例对象,返回函数实例对象 而..... function Fun_name() { this.attr = {key : 'value'}; return this.attr; } console.log(new Fun_name()); //{key: 'value'} console.log(Fun_name()); //{key : 'value'}直接函数调用 和 new函数返回的都是函数实例对象 继续测试了一下: function Fun_name() { this.attr = [1,2,3]; return this.attr; } console.log(new Fun_name()); //[1, 2, 3, has: function] console.log(Fun_name()); //[1, 2, 3, has: function].......... function Fun_name() { this.attr = function() {}; return this.attr; } console.log(new Fun_name()); //function () {} console.log(Fun_name()); //function () {} function Fun_name() { this.attr = NaN; return this.attr; } console.log(new Fun_name()); //Fun_name {attr: NaN} console.log(Fun_name()); //NaN function Fun_name() { this.attr = null; return this.attr; } console.log(new Fun_name()); //Fun_name {attr: null} console.log(Fun_name()); //null function Fun_name() { this.attr = undefined; return this.attr; } console.log(new Fun_name()); //Fun_name {attr: undefined} console.log(Fun_name()); //undefined只要函数返回值是合法(非undefined、null、NaN)的引用数据类型,new 函数名( ) 和 直接函数调用 返回的都是函数实例对象,返回其它类型时,new 函数名( ) 会返回函数实例对象,而直接函数调用直接返回结果。结论:构造函数总是隐式返回this,也就是新构造的对象;而当显式return表达式返回一个自定义对象时,会影响构造函数返回的结果,此时通过new 函数名()返回的是return返回的对象而不是新创建的对象。

上一篇:PHP中字符串操作入门教程
下一篇:Hash join算法原理

相关文章

相关评论