流程控制语句、函数的参数与返回值、模板字符串与模板函数

流程控制语句

// 单分支
let a = 10;
if (a < 20) {
  console.log(a);
}

// 双分支
if (a > 20) {
  console.log(a);
} else {
  console.log("小于等于20");
}

// 多分支
if (a > 20) {
  console.log("大于20");
} else if (a > 15) {
  console.log("大于15");
} else if (a > 10) {
  console.log("大于10");
} else {
  console.log("小于等于10");
}

a = 15;
switch (true) {
  case a > 20:
    console.log("大于20");
    break;
  case a > 15:
    console.log("大于15");
    break;
  case a > 10:
    console.log("大于10");
    break;
  default:
    console.log("小于等于10");
}

switch (a) {
  case 15:
    console.log(a);
    break;
  case 20:
    console.log(20);
    break;
  default:
    console.log("object");
}

// 循环
let i = 0;
while (i < 20) {
  console.log(i);
  i++;
}

do {
  console.log(i);
  i++;
} while (i < 10);

let s = [1, 2, 3];
for (let j = 0, k = s.length; j < k; j++) {
  console.log(j);
}

// for - of 迭代集合元素

const lang = ["css", "html", "js"];
// 输出数组中的 "键值" 对组成的数组
for (let item of lang.entries()) {
  console.log(item);
}

// 输出 键
for (let item of lang.keys()) {
  console.log(item);
}

// 输出 值
for (let item of lang.values()) {
  console.log(item);
}
// 简化方法
for (let item of lang) {
  console.log(item);
}

// for - in 遍历对象元素
cl = { a: 1, b: 2, c: function () {} };

for (let i in cl) {
  console.log(cl[i]);
}

---

函数的参数与返回值

// 函数的参数
let f = (a, b) => a * b;
console.log(f(1, 2));

// 默认参数，放最后
f = (a, b = 1) => a * b;
console.log(f(3));

let s;
//将所有变量，压入一个数组
f = (...par) => (s = par);
console.log(f(1, 2, 4));

// 展开数组
console.log(...s);

// 将多余的参数压入数组c中
let ff = (a, b, ...c) => `${c}`;
console.log(ff(1, 2, 3, 4, 5, 6));

// 返回值

// 返回数组
let r = () => [1, 2, 3];
console.log(r());

// 返回对象
r = () => ({ a: 1, b: [1, 2, 3], c: function () {} });
console.log(r());

---

模板字符串与模板函数

// 模板字符串
let p = "html";
console.log(`${p} 语言`);
// 模板字符串可以计算
console.log(`${1 + 2}`);
// 模板字符串可以填表达式
console.log(`${1 > 2 ? "大" : "小"}`);

// 模板函数
// 就是使用模板字符串为参数的函数
// 模板字符串必须是第一个变量
function f(mu, a1, a2) {
  console.log(mu);
  console.log(a1);
  console.log(a2);
}
// 将模板字符串中的插值作为参数传递给函数
f`这是模板字符串 ${10}${20}`;

// 优化写法
function ff(mu, ...a) {
  console.log(mu);
  console.log(a);
}
ff`这是优化写法 ${10}${20}${30}`;