Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

【javascript】 テンプレートリテラル とは 一言で。

【ゴール】

テンプレートリテラルの理解

【テンプレートリテラルとは、、、】

定数や変数を楽して出力できる

不使用の場合
*「+」を2回も。。面倒だな。。。

hoge.js
const name = "太郎";

console.log("私の名前は" + name +"です"); //私の名前は太郎ですが出力

使用した場合

hoge.js
const name = "太郎";

console.log(`私の名前は${name}です`); //私の名前は太郎ですが出力

【具体的な使い方】

①console.log()の括弧内を「``」(バッククォーテーション)で囲む
 ※Macの方は「command + @」です

②変数や、定数で指定したものを${}で囲む

以上。意外と使います。

【合わせて読みたい】

■ 【Javascript】 メソッド まとめ 基礎基本コード メモ
https://qiita.com/tanaka-yu3/items/2438798d159fa402b1d5

■ 【Javascript】JS 変数 定数 違い  一言でまとめました
https://qiita.com/tanaka-yu3/items/51b8b0630a1e4e2d52c8

■ 【JavaScript】 js 繰り返し文 for / while/ case
https://qiita.com/tanaka-yu3/items/942d9d4838ebe14be1c2

thk__u
関西大学卒/一部上場企業の営業職→ネットワークエンジニア  
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away