一道javascript题

Question

    var fun = function () {
        this.name = 'peter';

        return 'jack';
    };

    console.log(fun());
    console.log(new fun());

第一个log，是不是fun()是被当做普通函数执行，第二个log是不是说加上new就被当做构造函数？

Answer 1

你的理解是对的。不过要说一句，你们可能忽略的细节。

在构造函数中的 this，当一个函数被作为一个构造函数来使用（使用new关键字），它的this与即将被创建的新对象绑定。

注意：当构造器返回的默认值是一个this引用的对象时，可以手动设置返回其他的对象，如果返回值不是一个对象，返回this。

Answer 2

没错就是这样 fun() 是调用函数 此时 this 为 window
new fun() 是实例化 fun 对象

Answer 3

console.log(fun());
是运行函数, 输出返回值.
console.log(new fun());
new 是构造函数 通过new来创建对象实例。

Answer 4

是这样吧。
第一个是函数的调用，所以会输出“jack”，而第二个相当于new了一个fun的实例,所以输出的是一个对象。

Answer 5

第一个很简单是函数执行
第二个new一个fun函数结果的实例，也就是
new fun()执行的结果是一个object ,然后在实例，结果如下图

Answer 6

是这样的 ，可以看看调试结果就明白了

Answer 7

如果fun函数返回的是一个对象（比如{abc: 123}）而不是string，那两个console.log返回的东西是一样的Object{abc: 123}。