Js:new Fun_name() & Fun_name()的区别
来源:互联网 发布:淘宝客高佣金计划 编辑:程序博客网 时间:2024/06/05 04:11
今天偶然发现一个关于数名( ) 和 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返回的对象而不是新创建的对象。
- Js:new Fun_name() & Fun_name()的区别
- js 中new Object 和 {}的区别
- new() new[]分配的区别
- Js New一个函数和直接调用的区别
- Js New一个函数和直接调用的区别
- Js New一个函数和直接调用的区别
- js对象及new对象/函数的比较区别
- Js New一个函数和直接调用的区别
- js new一个函数和直接调用函数的区别
- Js New一个函数和直接调用的区别
- js中直接调用函数和new函数的区别
- Js new一个函数和直接调用函数的区别
- JS函数直接调用和new的区别
- Js New一个函数和直接调用的区别
- Js New一个函数和直接调用的区别
- Js New一个函数和直接调用的区别
- JS 对象和数组的创建使用new和不使用new有什么区别呢?
- js的 new image()
- A*算法
- 【职场攻略】职场社交之三大巧言攻略
- maven 学习第一篇
- 将一句话里的单词进行倒置,标点符号不倒换(c++)
- MySQL汉字查询、外部jar包版本问题、模拟器版本同开发版本等问题
- Js:new Fun_name() & Fun_name()的区别
- Hash join算法原理
- 《Qt编程的艺术》——8.1.1 显示类(The View Classes)
- ASP.NET获取URL及虚拟根目录
- Tips for ABAP Performance Tunning
- 程序员笔试知识点整理
- Android 用application保存全局变量,关于Android中传递数据的一些讨论
- baiduMap 使用Fragment的方法
- Memcached Client Forjava API (http://blog.sina.com.cn/s/blog_7fe75a5901019o8g.html)