es6 - 模板

'use strict';


// es5
let name = 'mrs';
let qb = 20;

function logs() {
    return 'goods!';
}


let html = '<div>' +
    '<span>hello</span>' +
    '<span>' + name + '</span>' +
    '</div>';

console.log(html);


// es6 -模板
let es6html = `
    <div>
        <span>hello</span>
        <ul>
            <li>${name}</li>
            <li>${qb}</li>
            <li>${logs()}</li>
        <ul>
    </div>
`;

console.log(es6html);

 

注意：es6模板的内容框选是``键盘左上角的重音符 ，而es5是双引号或单引号.