块级作用域、模板字符串

块

块语句（或其他语言的复合语句）用于组合零个或多个语句。该块由一对大括号界定，可以是标记语句.

要知道块级作用域之前要先知道块是什么，字面上我觉得可以理解成两个大括号内区域。这一区域内称为块。

作用域

当前的执行上下文。值和表达式在其中 “可见” 或可被访问到的上下文。如果一个变量或者其他表达式不 “在当前的作用域中”，那么它就是不可用的。

可以理解为某个变量生效的区域。

块级作用域

一个变量只在一个块内生效。

1. let

{
  let x = 'yiluyanxia';
}
console.log(x); // 报错：ReferenceError: x is not defined

这是因为 let 声明的变量 x 只在大括号内生效。

2. const

{
  const x = 'yiluyanxia';
}
console.log(x); // 报错：ReferenceError: x is not defined

const 的作用域同 let, 多了一点是const用来声明一个常量,这个常量是无法修改的。

const x = 'yiluyanxia';
x = 'amazing' // 报错：TypeError: Assignment to constant variable

但值得注意的是，用 const 声明一个复合类型对象的时候，会有一个有趣的现象。

const x = {
  name: 'yiluyanxia',
  skill: {
    blueMagic: 'frozen'
  }
};

x.nane= 'amazing'
x.skill.blueMagic = 'fire'

console.log(x.name); // 输出： yiluyanxia 
console.log(x.skill.blueMagic); // 输出： fire 

3. var

{
  var x = 'yiluyanxia';
}
console.log(x); // 输出：yiluyanxia

var 声明的变量是没有块级作用域的概念的。

模板字符串

模板字面量 是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。

1. 常见用法

let x = 'yiluyanxia';
let templateStr = `I am ${x}`
console.log(templateStr); // 输出：I am  yiluyanxia

2. 高级形式

标签函数的第一个参数包含一个字符串值的数组。

var name = 'yiluyanxia';
var sex = 'female';

function myTag(strings, nameExp, sexExp) {

  var str0 = strings[0]; // "that "
  var str1 = strings[1]; // " is a "
  var ageStr;
  if (sexExp === 'female'){
    sexStr = 'beauty girl';
  } else {
    sexStr = 'handsome boy';
  }

  return str0 + personExp + str1 + sexStr;

}

var output = myTag`that ${ name } is a ${ age }`;

console.log(output);
// that yiluyanxia is a beauty girl

参考文献：
块
模板字符串
《JavaScript 权威指南》