ホームページ > ウェブフロントエンド > jsチュートリアル > ES6 における複数行文字列と接続文字列の表現方法と関連する操作テクニックを分析する

ES6 における複数行文字列と接続文字列の表現方法と関連する操作テクニックを分析する

零下一度
リリース: 2017-04-28 10:32:25
オリジナル
1892 人が閲覧しました

この記事では、主に JS ES6 の複数行文字列と接続文字列の表現方法を紹介し、ES6 での複数行文字列と接続文字列の表現方法と関連する操作スキルを具体的な例とともに比較および分析することができます。以下を参照してください

この記事の例では、JS ES6 の複数行文字列と接続文字列の表現方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

1. 以前は、n を使用して js で複数行の文字列を記述するのがより面倒だったので、最新の ES6 標準ではマルチを表現する新しい方法が追加されました。 ` .. . ` を使用する -line 文字列は次のことを意味します:

古いバージョンの書き込み

alert("你好,\n 我叫\n Olive");
ログイン後にコピー

新しいバージョンの書き込み

alert(`你好
我叫
olive`);//注意这里的两个点是键盘上数字键1左边的按键,而不是单引号哦
ログイン後にコピー

2 以前は、複数の文字列を接続するには + 記号を使用できました

var name ="olive";
var age= 26;
var message='hello,my name is '+name+',I\'m '+age+' years old';
alert(message);
ログイン後にコピー

ただし、接続する必要がある変数が多数ある場合は、 + 記号を使用するのがさらに面倒です。 ES6 は新しい文字列連結メソッドを追加します:

var name1 ="Mike";
var age1=20;
var message1=`hello,${name1},your age is ${age1}`;//同理,这里的两个点是键盘上数字键1左边的按键,而不是单引号哦
alert(message1);
ログイン後にコピー

以上がES6 における複数行文字列と接続文字列の表現方法と関連する操作テクニックを分析するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート