Los estándares de codificación de WordPress también proporcionan directrices para dar formato y estilo al código JavaScript de temas y plugins. Además, estas normas ayudan a promover la coherencia del código con el código PHP, HTML y CSS básico.

WordPress?Normas de codificación de JavaScriptconstruido sobreGuía de estilo jQuery JavaScriptBasada en las Directrices jQuery, lanzadas en 2012, esta guía es un completo conjunto de especificaciones de codificación que mejoran la coherencia y legibilidad del código. Inicialmente, las directrices eran específicas del proyecto jQuery, pero su éxito ha llevado a una adopción generalizada fuera del marco jQuery.

Aunque la guía jQuery se basa en los estándares de WordPress, existen algunas diferencias significativas en el desarrollo de WordPress:

• WordPress utiliza comillas simples para declarar cadenas.
• La sentencia case está sangrada dentro del bloque switch.
• El contenido de las funciones está sangrado de forma coherente, incluidas las envolturas de cierre de archivo completas.
• Con el fin de ser coherentes con el estándar PHP WordPress, algunas de las reglas de espacio en blanco son diferentes, tales como el uso de tabulaciones o sangría.
• El límite de 100 caracteres de jQuery, aunque se recomienda, no se aplica estrictamente.

Los estándares de codificación JavaScript de WordPress cubren las siguientes áreas:

• refactorización del código.
• espaciado de códigosincluyendo declaraciones de objetos, matrices y llamadas a funciones:

// Declaraciones de objetos
// HACER
var obj = {
    nombre: 'Juan',
    nombre: 'Juan', edad: 27, altura: 179
    nombre: 'Juan', edad: 27, altura: 179
}

// NO
var obj = {
    nombre: 'Juan', edad: 27, altura: 179 }
    nombre: 'Juan', edad: 27, altura: 179
}

// Arrays y llamadas a funciones
// Incluye espacios extra alrededor de los elementos y argumentos.

foo( arg1, arg2 ).

Uso del punto y coma:

// Usar siempre punto y coma
array = [ 1, 2 ];

Sangría y salto de líneaincluyendo bloques y llaves, sentencias multilínea y llamadas a métodos encadenados:

// Usar tabuladores para la sangría
( function ( $ ) {
    // Expresiones sangradas
    function hacerAlgo() {
        // Expresiones sangradas
    }
} ) ( jQuery )

// Los bloques if, else, for, while y try deben abarcar varias líneas
if ( condition ) {
    // Expresiones
} else if ( ( condición && condición ) || condición ) {
    } else if ( condition && condition ) || condition ) { // Expresiones
} else {
    // Expresiones
}

// Los saltos de línea deben producirse después de un operador si la expresión
// es demasiado larga para caber en una línea.
var html = '<p>La suma de ' + a + ' y ' + b + ' más ' + c +
    ' es ' + ( a + b + c ) + '</p>'; /* Si una cadena de llamadas a métodos es demasiado larga para caber en una sola línea
/* Si una cadena de llamadas a métodos es demasiado larga para caber en una sola línea, utilice una llamada por línea.
   La primera llamada debe estar en una línea separada del objeto sobre el que se llaman los métodos.
   La primera llamada debe estar en una línea separada del objeto sobre el que se llaman los métodos */
elementos
    .addClass( 'foo' )
    .children()
        .html( 'hola' )
    .children() .html( 'hola' ) .end()
    .appendTo( 'body' );

• Asignación y variables globalesEsto incluye el uso y la declaración de variablesconstuso, variables globales y bibliotecas públicasdejeDeclarar variables.var
• convenciones de nomenclatura.como abreviaturas y acrónimos, definiciones de clases y constantes:

// Las abreviaturas deben escribirse en camelCase.
// Todas las letras de las siglas deben escribirse en mayúsculas.
const userId = 1; const currentDOMDocument = window.document; // Todas las letras de las siglas deben ir en mayúsculas.
const currentDOMDocument = window.document; const userId = 1; const currentDOMDocument = window.

const userId = 1; const currentDOMDocument = window.document; // La definición de la clase debe usar UpperCamelCaseConvention.
class Humano {
    ...
}

// Las constantes deben usar la convención SCREAMING_SNAKE_CASE. const SESSION_DURATION = 60
const DURACION_SESION = 60

Igualdad.

?// Utilizar comprobaciones estrictas de igualdad/desigualdad (=== y ! ==)
?// en lugar de comprobaciones abstractas (== y ! ==).
if ( nombre === "Juan" ) {
    ...
}
?if ( resultado ! == false ) {
    ...
}

?// También con negación: if !
?si ! ( resultado === false ) {
    ...
}

cadena (informática)::

// Utilice comillas simples para los literales de cadena.
    var miCadena = '?Hola mundo!

declaración de conmutación::

// Use un break para cada caso que no sea por defecto.
// Sangrar las declaraciones de caso una tabulación dentro del interruptor. switch ( event.keyCode ) { event.
switch ( event.keyCode ) {
    // ENTER y SPACE activan x(). case $.ui.keyCode.
    event.keyCode ) { // ENTER y SPACE activan x(). case $.ui.keyCode.ENTER.
    ENTER: case $.ui.keyCode.SPACE: // ENTER y SPACE activan x(); case $.ui.keyCode.
        ESPACIO.
        SPACE: x(); x(); x(); x(); x()
    case $.ui.keyCode.ESCAPE.
        ESCAPE: y(); break; case $.ui.keyCode.
        ESCAPE: y(); break; case $.ui.keyCode.
    por defecto: z(); break; case $.ui.keyCode.
        y(); break; por defecto: z();
}

Además, las normas de codificación de WordPress describen varias formas de escribir código JavaScriptBuenas prácticas.

Al igual que con PHP, WordPress proporciona código JavaScript con la extensiónNorma de documentación en línea. Estas normas en línea son bloques de documento formateados o comentarios en línea que siguen al documento JavaScript en línea.Norma JSDoc 3. Las normas inline cubren funciones, métodos de clase, objetos, cierres, propiedades de objetos, eventos y cabeceras de archivo.

resúmenes

Las normas de codificación son la espina dorsal de un desarrollo de software colaborativo y eficiente. Garantizan la coherencia y legibilidad del código, simplifican el proceso de codificación, mejoran la capacidad de mantenimiento y fomentan el trabajo en equipo. Para los desarrolladores de WordPress, el cumplimiento de los estándares de codificación es fundamental para crear sitios web robustos y escalables.

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres