Usar varios metodos de un objeto Javascript separados por puntos en un mismo renglon

[CristianBarb]

Hola, que tal tengo una duda, todos hemos visto que cuando usamos jquery podemos utilizar diferentes métodos dentro de una misma sentencia en el mismo renglón (o en varios renglones) separados por puntos, por ejemplo

var elemento = $("#idElemento");
elemento.css("background","white").addClass("clase ").empty();

o también muchas veces lo ponen en varios renglones:

elemento
.css("background","white")
.addClass("clase")
.empty();


ME GUSTARIA PODER UTILIZAR ESTA MISMA ESTRUCTURA EN MIS CÓDIGOS, ¿Cómo lo puedo lograr?


Yo he creado la siguiente clase

function objetos(id){

this.id = document.getElementById(id);

this.texto(txt){
this.id.value = txt;
}

this.mostrarTexto(){
console.log( this.id.value );
}

}


mi clase funciona bien, cuando lo codifico de la forma normal:

var ele = new objetos("idElemento");
ele.texto("Hola");
ele.mostrarTexto();


pero a mi me gustaría poder hacerlo como la opción de jQuery, es decir:

var ele = new objetos("idElemento");
ele.texto("Hola").mostrarTexto();

o lo que es lo mismo

ele
.texto("Hola")
.mostrarTexto();

¿Alguno de ustedes me puede ayudar porfa a lograrlo?

Muchas gracias.

Saludos

[larrysun2]

la manera es retornar el valor como un objeto y con esas funciones agregadas antes de retornar.

Aquí un ejemplo donde juego un poco con el valor que después se retorna encerrado en un array
y algunas funciones que añadí al objeto antes de retornarlas como había dicho antes.

Código Javascript:

fn = function(Arr){
    var R = [Arr]
    R.log = function(){
        console.log(Arr);
        return this
    }
    R.logW = function(){
        console.warn(Arr)
        return this
    }
    R.valueof = function(){
        return Arr
    }
/*Aqui si quieres haces un "console.log" a el objeto "R" para que en
la consola del navegador veas sus propiedades*/ 
    return R
}
 

Uso:

Código Javascript:

//Se puede usar de la siguiente manera:
fn("a").log()
fn("b").logW()
fn("c").valueof()
 
// o de la siguiente:
 
fn("a")
.log()
.logW()
.valueof()
 
fn("b")
.log()
.logW()
.valueof()
 
fn("c")
.log()
.logW()
.valueof()