ฟังก์ชันแม่แบบติดแท็ก

ฟังก์ชันกำกับคืออะไร

function tag(strings, value) {
  return strings[0] + value.toUpperCase() + strings[1]
}
console.log(tag(["Hi ", "!"], "bob"))

อาร์เรย์ส่วนข้อความ

function tag(strings) {
  return strings.join("|")
}
console.log(tag(["a", "b", "c"]))

ค่า

function tag(strings, ...values) {
  return values.join(",")
}
console.log(tag(["", " and ", ""], "x", "y"))

ประกอบสตริงกลับขึ้นมา

function tag(strings, ...values) {
  let out = ""
  strings.forEach(function (s, i) {
    out += s + (values[i] !== undefined ? values[i] : "")
  })
  return out
}
console.log(tag(["A", "B", "C"], 1, 2))

กฎความยาวของอาร์เรย์ส่วนข้อความ

function tag(strings, ...values) {
  return "strings=" + strings.length + " values=" + values.length
}
console.log(tag(["", "", ""], 1, 2))

แปลงค่า

function dbl(strings, ...values) {
  let out = ""
  strings.forEach(function (s, i) {
    out += s + (values[i] !== undefined ? values[i] * 2 : "")
  })
  return out
}
console.log(dbl(["", " ", ""], 3, 4))

คืนค่าที่ไม่ใช่สตริง

function parts(strings, ...values) {
  return { strings: strings, values: values }
}
const r = parts(["a", "b"], 9)
console.log(r.values[0])

คุณสมบัติ raw

console.log(String.raw({ raw: ["a\\n", "b"] }, "X"))

การเปลี่ยนค่าแทรกเป็นตัวพิมพ์ใหญ่

function loud(strings, ...values) {
  let out = ""
  strings.forEach(function (s, i) {
    out += s + (values[i] !== undefined ? String(values[i]).toUpperCase() : "")
  })
  return out
}
console.log(loud(["name is ", "."], "alice"))

เหตุผลที่ใช้แท็ก

function highlight(strings, ...values) {
  let out = ""
  strings.forEach(function (s, i) {
    out += s + (values[i] !== undefined ? "[" + values[i] + "]" : "")
  })
  return out
}
console.log(highlight(["score: ", " pts"], 42))

การละเว้นค่า

function onlyStatic(strings) {
  return strings.filter(function (s) { return s.length > 0 }).join(" ")
}
console.log(onlyStatic(["Hello ", " world ", ""]))

ตรวจสอบความเข้าใจอย่างรวดเร็ว

ทบทวน

function tag(s, ...v) { return s[0] + v[0] }
console.log(tag(["go "], "fast"))