js temporizador orientado a objetos 046

Obtenga el suplemento de objeto DOM

document.getElementsByTagName('div'); // Obtener varios objetos DOM. Este tipo de objeto se denomina pseudoarreglo. Si desea atravesar este objeto, use for(var i=0; i <xx ;i++){ } en lugar de utilizar un método de matriz forEach() 
document.getElementsByClassName('box');

Manipulación de DOM (crear, agregar, eliminar)

- parentNode Obtiene la etiqueta principal
- nextElementSibling Obtener el siguiente nodo hermano
- los niños obtienen todas las etiquetas de niños

　　Crear crearElemento()

// Puede crear etiquetas existentes o crear etiquetas personalizadas 
var oDiv = document.createElement('div')

　　Agregar operación de etiqueta padre-hijo appendChild()

padre.appendChild(oDiv);

　　insertar insertar Antes()

parent.insertBefore (nuevo nodo secundario, nodo al que se hará referencia)

　　eliminar removeChild()

parent.removeChild(nodo secundario); 
self.parentNode.removeChild(self)

Cree objetos en js: utilice objetos u objetos literales para crear objetos Modo de fábrica para crear objetos Modo de constructor para crear objetos Modo de prototipo para crear objetos

　　1. La forma más básica de crear objetos en .js: usando el método Object

var estudiante = nuevo Objeto(); 
estudiante.nombre = 'fácil' ; 
estudiante.edad = '20';

　　　　Se crea un objeto de estudiante de este tipo y tiene dos atributos, nombre y edad.

　　　　Crear objetos usando literales de objeto

var estudiante = { 
   nombre : 'fácil' , 
   edad : 20         
};

　　Parece perfecto, pero si quieres crear un alumno del mismo tipo, tienes que repetir el código anterior n veces...

　　2. El modo de fábrica crea objetos (encapsula el proceso de creación de objetos)

function createstudent(nombre, edad) {
     var obj = new Object(); 
    obj.nombre = nombre; 
    obj.edad = edad;
   devolver objeto; 
} 


var estudiante1 = createstudent('facil1', 20 );
var estudiante2 = createstudent('facil2', 20 ); 
... 
var estudianten = createstudent('easyn',20)

De esta forma, los objetos se pueden producir continuamente, pero todavía quiero saber a qué categoría pertenecen los productos producidos.

Por ejemplo, la función createFruit() del objeto de fruta de 'producción' se define al mismo tiempo;

function createFruit(nombre, color) {
      var obj = new Object(); 
     obj.nombre = nombre; 
     obj.color = color;
     devolver objeto; 
} 

var v1 = crear manzana('a1',10 );
var v2 = createpeach('p1',5);

　　3. Crea objetos a través del patrón constructor

var obj = nuevo Objeto();

　　Su constructor también se usa al crear un objeto de tipo matriz de matriz nativa

var arr = new Array(10);   // Construye un objeto de matriz con una longitud inicial de 10

构造函数y 普通函数la diferencia

1. De hecho, no existe una sintaxis especial para crear un constructor, la única diferencia entre este y una función normal es el método de llamada. Para cualquier función, si se llama con el operador new, es un constructor; si no se llama con el operador new, es una función ordinaria.

2. Según la convención, se acuerda que el nombre del constructor comience con una letra mayúscula, y la función común comience con una letra minúscula, lo que conduce a la distinción explícita entre ambos. Por ejemplo, new Array() y new Object() arriba.

3. Al usar el operador new para llamar al constructor, experimentará (1) crear un nuevo objeto, (2) asignar el alcance del constructor al nuevo objeto (hacer que este apunte al nuevo objeto), (3) ejecutar el constructor código; (4) Devolver nuevo objeto; 4 etapas.

Uso de es6:

Uso de es6:
     1. El nombre de la variable `` de la cadena de plantilla usa ${}
     2. El concepto de clase class
     3. La función de flecha () = >3 es equivalente a la función(){
       return 3}

Temporizador

　　setTimeOut() temporizador único para hacer una cosa después de 3 segundos

 var a = 2 ;
     var b = 3 ; 
    console.log(a,b); 
    // operación asíncrona 
    setTimeout( función () { 
        console.log( 'Estoy fuera' ); 
    }, 3000 ); 


    var app = función ( ){ 
        consola.log( 'aplicación' ); 
    } 
    aplicación();

　　El ciclo setInterval () se puede usar para hacer animación js, preste atención para borrar el temporizador

　　borrarTiempoFuera()

　　borrarIntervalo()

posted @ 2018-11-26 00:03 No eres tan importante como crees Leer ( ... ) Comentar ( ... ) Editar Favoritos