javascript - js自定义了函数，然后new用来调用，在函数体里面this ，和函数名可以替换吗？有什么区别

Question

function lazyload(className) {
    var obj = this;
    lazyload.className = className;
    console.log(this);
    console.log(lazyload);
    this.getOffset = function (el, isLeft) {
        var  retValue  = 0 ;
        ...
        return  retValue;
    };
    this.initImages = function (ele) {
        ...
    };
    this.showImage = function() {
        this.initImages();
        ...
        return true;
    };
    this.initImages();
    _attachEvent(window, 'scroll', function(){obj.showImage();});


new lazyload();

看到这样一段代码，
用console打印出lazyload和this变量，一个是返回的函数定义，一个是对象引用，不明白为什么，求解，可以将函数体内的lazyload替换为this吗？

Answer 1

因为this指向的是这个函数对象原型上的constructor属性，直接写函数名当然就指向这整个函数对象。
搞懂这个，要理解一下js中函数对象的概念以及js是基于对象的脚本语言。

• js的函数是由Function()构造函数构建的：

//对于一个函数，你可以由以下几种方式来创建
function f(){};
var f = function(){};
var f = new Function();

注意看第三种方式，说明函数都是Function()的实例，而实例说白了就是对象，因此在js中函数也是对象，这是比较特别的一个地方。

• js中函数的this是由constructor属性实现的:

function F(){};
var f = new F();
console.dir(f);

按照以上操作，将在调试器中打印出一个对象的引用，展开即可发现__proto__这样一个属性，里面有一个construtor属性，这个就是this的指向，展开它则可以发现这就是一个函数定义，因此打印this会得到一个函数定义。

• 这两个的使用效果是有区别的，所以不能替换：

function F() {
    this.className="A";
    F.class="B";
}
console.log(F.hasOwnProperty('className'));//false
console.log(F.hasOwnProperty('class'));//true

通过私有属性检查方法可以得知，用this定义的属性是绑定在F()这个构造函数中的，因此通过它创建的实例都具有这个属性；而引用其本身来定义的属性，是F这个对象所具有的的私有属性，通过它创建的实例则不具有这个属性（因为new出来的都是一个新的对象嘛）。

Answer 2

不可以。

经过最后一句 new lazyload();

后 lazyload; 的内部this　指　ｎｅｗ　出来后的　新对象　并不是lazyload 函数本体，

Answer 3

这段代码中还是有问题的。new是用来创建对象实例的，不是用来调用函数的。如果直接调用函数只需要lazyload("aaa");这样，aaa是传入的参数。函数体里的this指代的是调用这个函数的对象，如果在浏览器中调用函数lazyload("aaa");，那console.log(this);会打印window这个对象，window是浏览器中的全局对象，全局变量是 window 对象的属性，全局函数是 window 对象的方法。这段代码console.log(lazyload);就是打印的lazyload这个函数。

Answer 4

lazyload 这个只是这个函数，静态的。

而 this 是这个函数在执行过程中的实例对象，动态的。

这么说，不知道形象不形象。