es6笔记

1：let实际上为 JavaScript 新增了块级作用域。

function f1() {
  let n = 5;
  if (true) {
    let n = 10;
    console.log(n); //10
  }
     console.log(n); // 5
}
f1();

上面的函数有两个代码块，都声明了变量n，运行后输出5。这表示外层代码块不受内层代码块的影响。如果两次都使用var定义变量n，最后输出的值才是10。类似的将let换成var 则两个输出的都是10；

 

2：使用es6方法编辑字符串为特定格式：

var str = `ABW-阿鲁巴岛
AFG-阿富汗
AGO-安哥拉
AIA-安圭拉岛
ALA-奥兰群岛
ALB-阿尔巴尼亚
AND-安道尔
`;

var arr = str.split('\n');

var options = '';

arr.map(function(item){
    var split = item.split('-');
    var value = split[0];
    options += `<option value="${value}">${item}</option>\n`;
});

console.log(options)

生成结果：

<option value="ABW">ABW-阿鲁巴岛</option>
<option value="AFG">AFG-阿富汗</option>
<option value="AGO">AGO-安哥拉</option>
<option value="AIA">AIA-安圭拉岛</option>
<option value="ALA">ALA-奥兰群岛</option>
<option value="ALB">ALB-阿尔巴尼亚</option>
<option value="AND">AND-安道尔</option>