“this”不返回选择器

Question

我有一个简单的库来选择一个元素并返回元素的对象。

(function() { 
    var $ = function(parameter) { 
     return new js(parameter); 
    }; 

    var js = function(parameter) { 
     var selector; 
     selector = document.getElementById(parameter); 
     this = selector; // assign selector to this. 

     return this; 
    }; 

    // Extend the library. 
    $.fn = js.prototype = { 
     hide: function() { 
      this.style.display = 'none'; 
      return this; 
     } 
    }; 

    if (!window.$) { 
     window.$ = $; 
    } 
})(); 

当我使用它。

HTML

<div id="box"> Hello world! </div> 

的Javascript

$('box').innerHTML = "Good"; 

注：我想做这样的create a simple JavaScript library
什么是防止运行代码的问题？

Answer 1

你不能指定东西到this。抛出的错误取决于浏览器。

相反，你可以简单地返回选择：

var js = function(parameter) { 
    var selector; 
    selector = document.getElementById(parameter); 

    return selector; 
}; 

这将覆盖新调用的通用机制，并随你怎么写的代码甚至工作。看到你如何不使用功能作为一个构造函数，你也可以尽量避免使用新：

var $ = function(parameter) { 
    return js(parameter); 
}; 

Answer 2

您分配选择器this，这是无效的，而你正在创建你不是一个对象需要。您的代码可以简化为：

(function() { 
    var $ = function(parameter) { 

     return document.getElementById(parameter); 
    }; 

    if (!window.$) { 
     window.$ = $; 
    } 
})();