console.time ("jj")
undefined
console.timeEnd ("jj")
VM1738: 1 jj: 73327.87915039062 ms
undefined
Compilador de conversión de Babel
2 El proceso de construcción de la página en tiempo de ejecución
El objeto global expuesto por el navegador al motor js es el objeto de ventana. Representa una ventana de página. El objeto de ventana es una forma de obtener otros objetos globales, variables y API de navegador.
Siempre que haya elementos HTML sin procesar y código JS sin terminar, se ejecutarán estos dos pasos: 1. Construir HTML en DOM 2. Ejecutar código JS
Una vez que el navegador procesa todos los elementos HTML, la fase de construcción de la página finaliza. Ingrese a la etapa de procesamiento de eventos. .
2.3 Manejo de eventos
Todos los eventos generados se colocan en la cola de eventos, en el orden en que son detectados por el navegador.
Detectar el evento en la cabecera de la cola
Si no se detecta ningún evento, continuar detectando el evento detectado
, eliminar el evento y ejecutar
Registrar controlador de eventos
- Asigne la función al atributo.οnclick =
No recomendado, solo se puede registrar un controlador de eventos para un evento - addEventLIstener ()
/
Número: definición y parámetros
3.1.2 Función de devolución de llamada
Pasar una función como parámetro a otra función,
3.2.1 Funciones almacenadas
El método de almacenar en una matriz, hacer un bucle de la matriz para atravesar y desduplicar el rendimiento es deficiente, se
almacena en las propiedades del objeto
var store={
}
3.2.2 Función de auto-memoria
Ser capaz de recordar el resultado de la última operación. Cuando la función calcula el resultado, almacena el resultado como parámetro.
Si otra llamada también usa los mismos parámetros, puede volver al último resultado almacenado sin tener que volver a calcularlo.
3.4.1 Parámetros restantes
fu / cción aa (… bb) { console.log (bb) } + aa (1,2)
4 Llamada a función
Parámetros de función implícitos: esto, argumentos de
este objeto de contexto para llamar a la función.
4.1.2 esto
4.2 Llamada a función
El método de llamada de función tiene una gran influencia en la ejecución del código de función.
4 formas de llamar a funciones
Llame aa () directamente como una función función
function aa(){
function bb(){
"use strict"
console.log(this)
}
bb()
}
En modo no estricto, esta es la ventana de contexto global. En
modo estricto, indefinido
Como método método, asociado con un objeto para implementar programación orientada a objetos nn.aa ()
El objeto se convierte en el contexto de la función.
Como constructor constructor, crea una instancia de un nuevo objeto new aa ()
function whatMyContext(){
return this
}
function Nn(){
this.sk=function (){
return this
}
}
Nn()
let b=new Nn()
//
b.sk()===b
Cuando es llamado por la nueva palabra clave, se crea una instancia de objeto vacía y se pasa a la función como contexto de función this. Cuando el atributo de crear un sk en el objeto se asigna a una función en el constructor, la función se convierte en un método para crear un nuevo objeto.
Valor de retorno del constructor
- A través de la función aplicar, llame al método aa.apply (nn) o aa.call (nn)