用JS构建的基本PIANO笔记

JS初学者练习

这是有关JS的基础教程,其中包括对ES6的两个新功能的理解:“ JS ES6模板字符串”和“箭头功能”。

什么是模板字符串? 模板字符串是允许嵌入表达式的字符串文字。 它可以包含占位符,由美元符号和大括号($ {expression})表示。 花括号之间的文本将传递给函数。

在上面的代码中,我使用模板字符串将参数传递给querySelector,以从HTML中为特定的KEY选择“音频”元素。

现在,箭头功能是什么? 箭头函数表达式是编写函数表达式的一种更为简洁的方法。 箭头函数简化了函数作用域和此关键字。 他们使用=>胖箭头,并且是匿名的,并更改了“ this”绑定的方式。

使用箭头功能的基本方法:(param1,param2,…)=> {表达式}

如上所示,用更少的代码行就可以达到相同的结果! 这是箭头功能的优势! 我已经在处理HTML元素的过渡时使用了这个概念。

这是学习JS基本概念的有趣练习。 来自Javascript30.com的启发

注意:这是 此练习的 代码 链接