s Explicación y estudio del lenguaje de programación Javascript, métodos globales, método nativo, métodos globales, parseInt(), parseFloat() | www.duduromeroa.com, Guayaquil, Ecuador.

duduromeroa.com

#Javascript, #DOMJs, #webinteractiva, #Interfaces, #duduromeroa, #Guayaquil

Javascript

Programación con Javascript: métodos globales (8/8)


George Póyla, matemático. Resolver problemas de diseño. www.duduromeroa.com

Por Eduardo J. Romero Andrade
| Guayaquil

Contacto duduromeroa@gmail.com



MÉTODOS INCORPORADOS EN JAVASCRIPT

Un método nativo de Javascript es en sí una función de trabajo pero dentro de un objeto o clase.

Diferencia entre método y función

Un método es una función, pero si esa función está ubicada internamente en un objeto entonces se la definirá como método. Pero si esa función trabaja independiente de cualquier otro contexto entonces es una función.

En Javascript


// OBJETO Y MÉTODO
var objeto = {
propiedadA : "Dudu",
propiedadB : "Romero",
	metodoBacan: function(){
	console.log(this.propiedadA);
}
}
// Invoca método
objeto.metodoBacan();
// Dudu

// FUNCIÓN
function funcionSola(a){
console.log(a+a)
}
// Invoca función
funcionSola(10);
// 20


También para Svekis y Putten[5], se debe diferenciar un método de una función: un método vive –o es definido dentro– de una clase u objeto; mientras que una función vive y se ejecuta independiente. Prefiero decir que un método es una función más detallada y con acceso autorizado a las propiedades de la clase. Mientras que una función fuera de una clase sigue siendo útil desde cualquier invocación, pero no siempre con libertad de acceso a una clase. Un método se activará luego de darle argumentos e invocarlo.

// Variable con valor alfanumérico
let palabra = "chévere ";

console.log(
/* El método .contact() agrega otro 
alfanumérico en la misma línea */
palabra.concat("Dudu!").

/* El método .toUpperCase() 
genera mayúsculas */
toUpperCase());
//-> CHÉVERE DUDU!

MÉTODOS GLOBALES

Los métodos globales son llaneros solitarios independientes. Ejecutan acciones si son invocados pero no tienen jefe directo; es decir, no nacen de objeto alguno (como sí lo hacen los métodos de objeto). Se les llama globales porque están disponibles desde cualquier contexto dentro del código.

decodeUri() y encodeUri()

Estos métodos agregan o borran caracteres especiales en un alfanumérico –un string-.

Por cada espacio vacío entre strings, encodeURI agrega el signo '%20'. Por otro lado, por cada signo '%20' en un string, decodeURI lo borra.

// encodeURI()
const limpio = '  ';
	console.log(encodeURI(limpio));
	// -> %20bla%20

// decodeURI()
const sucio = '%20bla%20';
	console.log(decodeURI(sucio));
	// -> bla 

/* Solo estos caracteres del URI 
no serán eliminados */
const noEliminar = ' / , ? : @ & = + $ # ';
	console.log(decodeURI(noEliminar));
	// ->  / , ? : @ & = + $ #  

decodeUriComponent() y encodeUriComponent()

--En revisión--

parseInt()

El término parse es un anglicismo que significa identificar o analizar algo dividiéndolo en sus partes. En JS, parsing es convertir un alfanumérico a número entero; o viceversa, según qué cálculo se requiera hacer.

Como ya hemos mencionado, un método global es aquel que perteneciendo a una clase, no es necesario invocar también a esa clase para usar ese método global.

Ya que el método parseInt() pertenece a la clase Number, no será necesario invocar esa clase. Este método transforma un alfanumérico string no decimal –no operable– a un número entero –sí operable-.

 /* Una cantidad de tipo alfanumérico 
no es operable mediante matemáticas */
let alfanum = "10";
console.log(alfanum + alfanum);
//-> 1010

/* Con parseInt(), un alfanumérico sí
puede ser operable mediante matemáticas */
let alfanum_Convertido = "10";
let convertir = parseInt(alfanum_Convertido);
console.log(convertir + convertir);
//-> 20

// Se confirma que el tipo de dato es un número
console.log(typeof convertir);
//-> number

parseFloat()

Transforma un alfanumérico string decimal a un número decimal operable-.

let ingresaDecimal = "10.6";
let transforma = parseFloat(ingresaDecimal);

/* Cmabia string decimal a tipo number */
console.log(transforma + " is a " + typeof transforma);
//-> 10.6 is a number

Incluso, parseFloat() 'parseará' ese decimal aunque tenga algún signo después del último número, como el signo '%', o cualquier otro; y seguirá siento un tipo Number.

let ingresaDecimal = "59.800 % holii";
let transforma = parseFloat(ingresaDecimal);

console.log(transforma + " is a " + typeof transforma);
//-> 59.8 is a number

parseFloat()

Transforma un alfanumérico string decimal a un número decimal operable-.


Subir al inicio



BIBLIOGRAFÍA:
    3ra edición. 2018. Marijn Haverbeke. No starch press.
    Mozilla Foundation.
    David Flanagan (2020). Editorial O'Reilly.
    Ved Antani, Stoyan Stefanov (2017). Packt Publishing.
    Editorial Packt.
    Information and Computation. Elsevier.
    ACM SIGCSE BulletinVolume 19Issue 1Feb.