javascript - 如何在单个对象中应用双javascript函数？

Question

我有一个对象 JavaScript 函数:

var one = function(id)
{
  load : function(data){
  document.getElementById(id).innerHTML=data;
  }
  }

one('demo').load('test');

<p id="demo">
  
  </p>

我需要在单个对象中应用双 javascript 函数。但没有得到任何结果。请建议任何人。

example like : jquery $('#demo').html('data')

Answer 1

你可以尝试这样的事情:

var one = function(id){
    return {
        element : document.getElementById(id),
        load  : function(data){
            var ele = this.element;
            if(!!ele){
                // There is an element with the provided id. So set it's innerHTML.
                ele.innerHTML = data; 
            }
        }
    }
}

one('demo').load('test');

<p id="demo"></p>

您的函数现在返回一个具有两个属性的对象，一个是 id 是您传递的 id 的元素，另一个是加载您传递给该元素的数据的函数。