在Javascrip中创建多行字符串最简单的方法是使用反引号（``）。这允许您创建多行字符串，在其中可以插入带有${variableName}的变量。

例子：

let name='Willem'；假设年龄=26岁；让multilineString=`我的名字是：$｛name｝我的年龄是：${age}`;console.log（multilineString）；

兼容性：

它在ES6//es2015中介绍现在，所有主要浏览器供应商（internet explorer除外）都支持它

在此处查看Mozilla文档中的确切兼容性

我喜欢这种语法和含义：

string = 'my long string...\n'
       + 'continue here\n'
       + 'and here.';

（但实际上不能视为多行字符串）

2015年更新：现在已经过了六年：大多数人使用模块加载器，主要模块系统都有加载模板的方法。它不是内联的，但最常见的多行字符串类型是模板，无论如何，模板应该被排除在JS之外。

require.js：'需要文本'。

使用require.js“text”插件，在template.html中使用多行模板

var template = require('text!template.html')

NPM/browserify:“brfs”模块

Browserify使用“brfs”模块加载文本文件。这实际上会将模板构建到捆绑的HTML中。

var fs = require("fs");
var template = fs.readFileSync(template.html', 'utf8');

容易的

如果恰好在Node中运行，则可以使用fs模块从文件中读入多行字符串：

var diagram;
var fs = require('fs');
fs.readFile( __dirname + '/diagram.txt', function (err, data) {
  if (err) {
    throw err; 
  }
  diagram = data.toString();
});

出于对互联网的热爱，请使用字符串连接，并选择不使用ES6解决方案。ES6并不是全面支持的，很像CSS3，某些浏览器适应CSS3的移动速度很慢。使用简单的JavaScript，您的最终用户将感谢您。

例子：

var str=“这个世界既不是平的，也不是圆的。”+“一旦丢失将被发现”；

我这样编程：

sys = {
    layout: null,
    makeLayout: function (obCLS) {
        this.layout = $('<div />').addClass('editor').appendTo($(obCLS)).append(

            /* Cargador */
            /* @this.layout.find('> div:nth-of-child(1)'); */
            '<div>' +
            '   <p>Seleccione la imagen que desea procesar.</p>' +
            '   <input type="button" value="Seleccionar" class="btn btn-xlarge btn-success" />' +
            '   <span></span>' +
            '</div>' +

            /* Cargador - Progreso */
            /* @this.layout.find('> div:nth-of-child(2)'); */
            '<div>' +
            '   <div>' +
            '       <div></div>' +
            '       <div>' +
            '           <div></div>' +
            '       </div>' +
            '   </div>' +
            '</div>' +

            /* Editor */
            /* @this.layout.find('> div:nth-of-child(3)');
             * @sidebar = this.layout.find('> div:nth-of-child(3) > div > div > div:nth-of-type(1)');
             * @body    = this.layout.find('> div:nth-of-child(3) > div > div > div:nth-of-type(2) > div'); */
            '<div>' +
            '   <div>' +
            '       <div>' +
            '           <div></div>' +
            '           <div>' +
            '               <div></div>' +
            '           </div>' +
            '       </div>' +
            '   </div>' +
            '</div>'
        );
    }
}

sys.makeLayout('#div');