Шаблонные литералы

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/javascript/template-literals</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/javascript/template-literals" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Bitmap" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#38382F" stroke-width="2"> <rect id="Mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="mail" transform="translate(12.000000, 18.000000)" fill-rule="nonzero"> <path d="M48.6327586,0.431034483 L45.437069,3.62672414 C45.2689655,3.79482759 45.0482759,3.87931034 44.8275862,3.87931034 C44.6068966,3.87931034 44.3862069,3.79482759 44.2181034,3.62672414 C43.8810345,3.28965517 43.8810345,2.74482759 44.2181034,2.40775862 L46.1948276,0.431034483 L42.5982759,0.431034483 L39.4025862,3.62672414 C39.2344828,3.79482759 39.0137931,3.87931034 38.7931034,3.87931034 C38.5724138,3.87931034 38.3517241,3.79482759 38.1836207,3.62672414 C37.8465517,3.28965517 37.8465517,2.74482759 38.1836207,2.40775862 L40.1603448,0.431034483 L36.5637931,0.431034483 L33.3681034,3.62672414 C33.2,3.79482759 32.9793103,3.87931034 32.7586207,3.87931034 C32.537931,3.87931034 32.3172414,3.79482759 32.1491379,3.62672414 C31.812069,3.28965517 31.812069,2.74482759 32.1491379,2.40775862 L34.1258621,0.431034483 L30.5293103,0.431034483 L27.3336207,3.62672414 C27.1655172,3.79482759 26.9448276,3.87931034 26.7241379,3.87931034 C26.5034483,3.87931034 26.2827586,3.79482759 26.1146552,3.62672414 C25.7775862,3.28965517 25.7775862,2.74482759 26.1146552,2.40775862 L28.0913793,0.431034483 L24.4948276,0.431034483 L21.2991379,3.62672414 C21.1310345,3.79482759 20.9103448,3.87931034 20.6896552,3.87931034 C20.4689655,3.87931034 20.2482759,3.79482759 20.0801724,3.62672414 C19.7431034,3.28965517 19.7431034,2.74482759 20.0801724,2.40775862 L22.0568966,0.431034483 L18.4603448,0.431034483 L15.2646552,3.62672414 C15.0965517,3.79482759 14.8758621,3.87931034 14.6551724,3.87931034 C14.4344828,3.87931034 14.2137931,3.79482759 14.0456897,3.62672414 C13.7086207,3.28965517 13.7086207,2.74482759 14.0456897,2.40775862 L16.0224138,0.431034483 L12.4258621,0.431034483 L9.23017241,3.62672414 C9.06206897,3.79482759 8.84137931,3.87931034 8.62068966,3.87931034 C8.4,3.87931034 8.17931034,3.79482759 8.0112069,3.62672414 C7.67413793,3.28965517 7.67413793,2.74482759 8.0112069,2.40775862 L9.98793103,0.431034483 L6.39137931,0.431034483 L3.19568966,3.62672414 C3.02758621,3.79482759 2.80689655,3.87931034 2.5862069,3.87931034 C2.36551724,3.87931034 2.14482759,3.79482759 1.97672414,3.62672414 C1.63965517,3.28965517 1.63965517,2.74482759 1.97672414,2.40775862 L3.95344828,0.431034483 L0,0.431034483 L0,0.520689655 L0,37.5 L1.36724138,37.5 L4.56293103,34.3043103 C4.9,33.9672414 5.44482759,33.9672414 5.78189655,34.3043103 C6.11896552,34.6413793 6.11896552,35.1862069 5.78189655,35.5232759 L3.80517241,37.5 L7.40172414,37.5 L10.5974138,34.3043103 C10.9344828,33.9672414 11.4793103,33.9672414 11.8163793,34.3043103 C12.1534483,34.6413793 12.1534483,35.1862069 11.8163793,35.5232759 L9.83965517,37.5 L13.4362069,37.5 L16.6318966,34.3043103 C16.9689655,33.9672414 17.5137931,33.9672414 17.8508621,34.3043103 C18.187931,34.6413793 18.187931,35.1862069 17.8508621,35.5232759 L15.8741379,37.5 L19.4706897,37.5 L22.6663793,34.3043103 C23.0034483,33.9672414 23.5482759,33.9672414 23.8853448,34.3043103 C24.2224138,34.6413793 24.2224138,35.1862069 23.8853448,35.5232759 L21.9086207,37.5 L25.5051724,37.5 L28.7008621,34.3043103 C29.037931,33.9672414 29.5827586,33.9672414 29.9198276,34.3043103 C30.2568966,34.6413793 30.2568966,35.1862069 29.9198276,35.5232759 L27.9431034,37.5 L31.5396552,37.5 L34.7353448,34.3043103 C35.0724138,33.9672414 35.6172414,33.9672414 35.9543103,34.3043103 C36.2913793,34.6413793 36.2913793,35.1862069 35.9543103,35.5232759 L33.9775862,37.5 L37.5741379,37.5 L40.7698276,34.3043103 C41.1068966,33.9672414 41.6517241,33.9672414 41.9887931,34.3043103 C42.3258621,34.6413793 42.3258621,35.1862069 41.9887931,35.5232759 L40.012069,37.5 L43.6086207,37.5 L46.8043103,34.3043103 C47.1413793,33.9672414 47.6862069,33.9672414 48.0232759,34.3043103 C48.3603448,34.6413793 48.3603448,35.1862069 48.0232759,35.5232759 L46.0465517,37.5 L50,37.5 L50,0.520689655 L50,0.431034483 L48.6327586,0.431034483 Z" id="Shape" fill="#E5E5DA"> </path> <path d="M5.78189655,34.3043103 C5.44482759,33.9672414 4.9,33.9672414 4.56293103,34.3043103 L1.36724138,37.5 L3.80517241,37.5 L5.78189655,35.5232759 C6.11896552,35.1862069 6.11896552,34.6413793 5.78189655,34.3043103 Z" id="Shape" fill="#7FB1C8"> </path> <path d="M11.8163793,34.3043103 C11.4793103,33.9672414 10.9344828,33.9672414 10.5974138,34.3043103 L7.40172414,37.5 L9.83965517,37.5 L11.8163793,35.5232759 C12.1534483,35.1862069 12.1534483,34.6413793 11.8163793,34.3043103 Z" id="Shape" fill="#E59677"> </path> <path d="M17.8508621,34.3043103 C17.5137931,33.9672414 16.9689655,33.9672414 16.6318966,34.3043103 L13.4362069,37.5 L15.8741379,37.5 L17.8508621,35.5232759 C18.187931,35.1862069 18.187931,34.6413793 17.8508621,34.3043103 Z" id="Shape" fill="#7FB1C8"> </path> <path d="M23.8853448,34.3043103 C23.5482759,33.9672414 23.0034483,33.9672414 22.6663793,34.3043103 L19.4706897,37.5 L21.9086207,37.5 L23.8853448,35.5232759 C24.2224138,35.1862069 24.2224138,34.6413793 23.8853448,34.3043103 Z" id="Shape" fill="#E59677"> </path> <path d="M29.9198276,34.3043103 C29.5827586,33.9672414 29.037931,33.9672414 28.7008621,34.3043103 L25.5051724,37.5 L27.9431034,37.5 L29.9198276,35.5232759 C30.2568966,35.1862069 30.2568966,34.6413793 29.9198276,34.3043103 Z" id="Shape" fill="#7FB1C8"> </path> <path d="M35.9543103,34.3043103 C35.6172414,33.9672414 35.0724138,33.9672414 34.7353448,34.3043103 L31.5396552,37.5 L33.9775862,37.5 L35.9543103,35.5232759 C36.2913793,35.1862069 36.2913793,34.6413793 35.9543103,34.3043103 Z" id="Shape" fill="#E59677"> </path> <path d="M41.9887931,34.3043103 C41.6517241,33.9672414 41.1068966,33.9672414 40.7698276,34.3043103 L37.5741379,37.5 L40.012069,37.5 L41.9887931,35.5232759 C42.3258621,35.1862069 42.3258621,34.6413793 41.9887931,34.3043103 Z" id="Shape" fill="#7FB1C8"> </path> <path d="M48.0232759,34.3043103 C47.6862069,33.9672414 47.1413793,33.9672414 46.8043103,34.3043103 L43.6086207,37.5 L46.0465517,37.5 L48.0232759,35.5232759 C48.3603448,35.1862069 48.3603448,34.6413793 48.0232759,34.3043103 Z" id="Shape" fill="#E59677"> </path> <path d="M1.97672414,3.62672414 C2.14482759,3.79482759 2.36551724,3.87931034 2.5862069,3.87931034 C2.80689655,3.87931034 3.02758621,3.79482759 3.19568966,3.62672414 L6.39137931,0.431034483 L3.95344828,0.431034483 L1.97672414,2.40775862 C1.63965517,2.74482759 1.63965517,3.28965517 1.97672414,3.62672414 Z" id="Shape" fill="#7FB1C8"> </path> <path d="M8.0112069,3.62672414 C8.17931034,3.79482759 8.4,3.87931034 8.62068966,3.87931034 C8.84137931,3.87931034 9.06206897,3.79482759 9.23017241,3.62672414 L12.4258621,0.431034483 L9.98793103,0.431034483 L8.0112069,2.40775862 C7.67413793,2.74482759 7.67413793,3.28965517 8.0112069,3.62672414 Z" id="Shape" fill="#E59677"> </path> <path d="M14.0456897,3.62672414 C14.2137931,3.79482759 14.4344828,3.87931034 14.6551724,3.87931034 C14.8758621,3.87931034 15.0965517,3.79482759 15.2646552,3.62672414 L18.4603448,0.431034483 L16.0224138,0.431034483 L14.0456897,2.40775862 C13.7086207,2.74482759 13.7086207,3.28965517 14.0456897,3.62672414 Z" id="Shape" fill="#7FB1C8"> </path> <path d="M20.0801724,3.62672414 C20.2482759,3.79482759 20.4689655,3.87931034 20.6896552,3.87931034 C20.9103448,3.87931034 21.1310345,3.79482759 21.2991379,3.62672414 L24.4948276,0.431034483 L22.0568966,0.431034483 L20.0801724,2.40775862 C19.7431034,2.74482759 19.7431034,3.28965517 20.0801724,3.62672414 Z" id="Shape" fill="#E59677"> </path> <path d="M26.1146552,3.62672414 C26.2827586,3.79482759 26.5034483,3.87931034 26.7241379,3.87931034 C26.9448276,3.87931034 27.1655172,3.79482759 27.3336207,3.62672414 L30.5293103,0.431034483 L28.0913793,0.431034483 L26.1146552,2.40775862 C25.7775862,2.74482759 25.7775862,3.28965517 26.1146552,3.62672414 Z" id="Shape" fill="#7FB1C8"> </path> <path d="M32.1491379,3.62672414 C32.3172414,3.79482759 32.537931,3.87931034 32.7586207,3.87931034 C32.9793103,3.87931034 33.2,3.79482759 33.3681034,3.62672414 L36.5637931,0.431034483 L34.1258621,0.431034483 L32.1491379,2.40775862 C31.812069,2.74482759 31.812069,3.28965517 32.1491379,3.62672414 Z" id="Shape" fill="#E59677"> </path> <path d="M38.1836207,3.62672414 C38.3517241,3.79482759 38.5724138,3.87931034 38.7931034,3.87931034 C39.0137931,3.87931034 39.2344828,3.79482759 39.4025862,3.62672414 L42.5982759,0.431034483 L40.1603448,0.431034483 L38.1836207,2.40775862 C37.8465517,2.74482759 37.8465517,3.28965517 38.1836207,3.62672414 Z" id="Shape" fill="#7FB1C8"> </path> <path d="M44.2181034,3.62672414 C44.3862069,3.79482759 44.6068966,3.87931034 44.8275862,3.87931034 C45.0482759,3.87931034 45.2689655,3.79482759 45.437069,3.62672414 L48.6327586,0.431034483 L46.1948276,0.431034483 L44.2181034,2.40775862 C43.8810345,2.74482759 43.8810345,3.28965517 44.2181034,3.62672414 Z" id="Shape" fill="#E59677"> </path> <rect id="Rectangle-path" fill="#D75A4A" x="37.0689655" y="10.7758621" width="6.89655172" height="6.89655172"> </rect> <path d="M23.2758621,15.9482759 L6.03448276,15.9482759 C5.55862069,15.9482759 5.17241379,15.562931 5.17241379,15.0862069 C5.17241379,14.6094828 5.55862069,14.2241379 6.03448276,14.2241379 L23.2758621,14.2241379 C23.7517241,14.2241379 24.137931,14.6094828 24.137931,15.0862069 C24.137931,15.562931 23.7517241,15.9482759 23.2758621,15.9482759 Z" id="Shape" fill="#C4C2A5"> </path> <path d="M23.2758621,20.2586207 L6.03448276,20.2586207 C5.55862069,20.2586207 5.17241379,19.8732759 5.17241379,19.3965517 C5.17241379,18.9198276 5.55862069,18.5344828 6.03448276,18.5344828 L23.2758621,18.5344828 C23.7517241,18.5344828 24.137931,18.9198276 24.137931,19.3965517 C24.137931,19.8732759 23.7517241,20.2586207 23.2758621,20.2586207 Z" id="Shape" fill="#C4C2A5"> </path> <path d="M12.9310345,11.637931 L6.03448276,11.637931 C5.55862069,11.637931 5.17241379,11.2525862 5.17241379,10.7758621 C5.17241379,10.2991379 5.55862069,9.9137931 6.03448276,9.9137931 L12.9310345,9.9137931 C13.4068966,9.9137931 13.7931034,10.2991379 13.7931034,10.7758621 C13.7931034,11.2525862 13.4068966,11.637931 12.9310345,11.637931 Z" id="Shape" fill="#C4C2A5"> </path> </g> </g> </svg>