js howpo à déclarer une chaîne sur plusieurs lignes

On m'a demandé récemment comment déclarer des cordes multilines à jQuery. En fait, c'est tout simplement JavaScript, il suffit d'ajouter une barre oblique inverse "" après chaque ligne. Comme vous pouvez le voir, nous ajoutons simplement une barre arrière à la fin de chaque ligne pour dire à l'interpréteur qu'il fait partie de la même longue chaîne.

var textFromChris = "me:  we lunchin?\
 Sent at 11:34 AM on Friday\
 me:  sure\
 Sent at 11:58 AM on Friday\
 chris:  T=12.30\
 Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex);  // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

Erreur commune: syntaxerror: compatibilité littérale de chaîne non terminée: les tests montrent qu'il fonctionne dans tous les principaux navigateurs, y compris IE 6. De toute évidence, nous pouvons obtenir le même résultat grâce à d'autres méthodes. Nous pouvons simplement diviser les chaînes de cette manière, alors peu importe qu'ils soient déclarés sur des lignes séparées.

var textFromChris = "me:  we lunchin?" +
 "Sent at 11:34 AM on Friday" +
 "me:  sure" +
 "Sent at 11:58 AM on Friday" +
 "chris:  T=12.30" +
 "Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex); // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

Les questions fréquemment posées sur la déclaration des chaînes diffusent plusieurs lignes en JavaScript (FAQ)

Quel est l'intérêt d'utiliser des backticks (`) en JavaScript pour les chaînes multi-lignes?

Les backticks (`) dans JavaScript sont utilisés pour définir les littéraux des modèles, une nouvelle fonctionnalité introduite dans ES6. Les modèles littéraux vous permettent de déclarer des chaînes sur plusieurs lignes sans utiliser de méthodes de concaténation de chaîne traditionnelles. Cela rend votre code plus concis et plus facile à lire. Par exemple, vous pouvez déclarer une chaîne multiligne comme ceci:

let multilineString = `This is a
multiline
string`;

Lorsque vous enregistrez cette chaîne à la console, il conserve les ruptures de ligne, ce qui en fait une fonctionnalité utile pour formater le texte en javascript.

Comment inclure des variables dans une chaîne multi-lignes en JavaScript?

Avec l'introduction de littéraux de modèle dans ES6, vous pouvez facilement inclure des variables dans les chaînes multi-lignes en utilisant la syntaxe ${}. C'est ce qu'on appelle l'interpolation de la chaîne. Voici un exemple:

let name = 'John';
let multilineString = `Hello,
${name}`;

Dans ce cas, le nom de la variable sera remplacé par sa valeur («John») dans la chaîne de sortie.

Puis-je utiliser la concaténation des chaînes pour créer des chaînes multilines en javascript?

Oui, vous pouvez utiliser l'opérateur '' pour concaténer les chaînes et créer des chaînes multi-lignes en JavaScript. Cependant, cette approche peut rendre votre code encombré, en particulier pour les longues chaînes. Voici un exemple:

let multilineString = 'This is a ' +
'multiline ' +
'string';

Chaque chaîne est sur une nouvelle ligne, mais vous devez inclure un espace à la fin de chaque ligne pour assurer l'espacement correct dans la chaîne finale.

Existe-t-il une différence de performance entre la création de chaînes multilines à l'aide de backticks et de concaténation des cordes?

Dans la plupart des cas, la différence de performance entre l'utilisation des backticks (littéraux de modèle) et la concaténation des cordes est négligeable. Cependant, les modèles littéraux peuvent être plus rapides et plus efficaces lorsqu'ils traitent de grandes chaînes ou effectuent des opérations complexes telles que l'interpolation de chaîne.

Comment ajouter Newlines aux chaînes JavaScript?

Vous pouvez utiliser la séquence d'échappement 'n' pour ajouter Newlines aux chaînes JavaScript. Ce personnage provoque une rupture de ligne, qui peut être utilisée avec desquotes simple, double et back-back. Par exemple:

let string = 'Hello, \nWorld!';

Dans ce cas, 'World!' Imprimera sur une nouvelle ligne.

Puis-je utiliser des littéraux de modèle dans tous les navigateurs?

Les littéraux des modèles font partie de l'ES6 et sont pris en charge dans tous les navigateurs modernes, notamment Chrome, Firefox, Safari et Edge. Cependant, ils ne sont pas pris en charge dans Internet Explorer. Si vous avez besoin de prendre en charge IE, vous devez utiliser la concaténation de chaîne ou Newline 'N' pour créer des chaînes multilines.

Comment inclure des expressions dans les chaînes JavaScript?

En utilisant des littéraux de modèle, vous pouvez utiliser la syntaxe ${} pour inclure les expressions directement dans la chaîne. L'expression sera évaluée et le résultat sera inséré dans la chaîne. Par exemple:

var textFromChris = "me:  we lunchin?\
 Sent at 11:34 AM on Friday\
 me:  sure\
 Sent at 11:58 AM on Friday\
 chris:  T=12.30\
 Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex);  // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

Dans ce cas, "La somme est: 15" sera imprimée.

Puis-je nicher littéraux de modèle en javascript?

Oui, vous pouvez nicher des littéraux de modèle en JavaScript. Cela peut être utile lorsque vous devez créer des chaînes complexes. Voici un exemple:

var textFromChris = "me:  we lunchin?" +
 "Sent at 11:34 AM on Friday" +
 "me:  sure" +
 "Sent at 11:58 AM on Friday" +
 "chris:  T=12.30" +
 "Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex); // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

Puis-je utiliser des littéraux de modèle avec des fonctions en JavaScript?

Oui, vous pouvez utiliser des littéraux de modèle avec des fonctions en javascript. C'est ce qu'on appelle le modèle de balise littéral. Les littéraux du modèle de balise vous permettent d'analyser les littéraux des modèles à l'aide de fonctions. Le premier paramètre de la fonction contient un tableau de valeurs de chaîne, et le reste est lié à l'expression.

Comment échapper aux backticks dans les modèles littéraux?

Vous pouvez échapper aux backticks dans les littéraux de modèle à l'aide du caractère arrière (). Par exemple:

let multilineString = `This is a
multiline
string`;

Dans ce cas, une "backtick" est imprimée avec les marques de backtic.

Cette sortie révisée aborde les problèmes identifiés, fournit des explications plus concises et maintient le format et le placement d'image d'origine.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!