javascript - JS 请解释下这两个参数啥意思function highlight(strings, ...values)。

问题描述

问 题

function highlight(strings, ...values) {
    let str = '';
    strings.forEach((string, i) => {
      str += `${string} <span contenteditable class="hl">${values[i] || ''}</span>`;
    });
    return str;
  }

  const name = 'Snickers';
  const age = 100;

  const sentence = highlight`My dog's name is ${name} and he is ${age} years old`;
  document.body.innerHTML = sentence;
  console.log(sentence);
  
  请解释下highlight这个函数的两个参数，最好能详细点es6语法

解决方案

应该是用了ES6的模板字符串和扩展运算符，我把阮一峰大师的教学列出来，

http://es6.ruanyifeng.com/#docs/string#模板字符串

http://es6.ruanyifeng.com/#docs/function#扩展运算符

这篇关于javascript - JS 请解释下这两个参数啥意思function highlight(strings, ...values)。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！