JavaScript代码格式规范和注意事项

  • 为了约定代码风格,所以在社区中诞生了一些比较规范的代码风格规范:
  1. JavaScript Standard Style:https://standardjs.com/readme-zhcn.html

  2. Airbnb JavaScript Style:https://github.com/sivan/javascript-style-guide/blob/master/es5/README.md

  • 当你采用了无分号的代码风格的时候,只需要注意以下情况就不会有上面的问题了:
    当一行代码是以:
        (
        [
        `
    开头的时候,则在前面补上一个分号用以避免一些语法解析错误。
    所以你会发现在一些第三方的代码中能看到一上来就以一个 ; 开头。
  • 结论:
    无论你的代码是否有分号,都建议如果一行代码是以 ** ( 、[ 、` ** 开头的,则最好都在其前面补上一个分号。
  • 有些人也喜欢玩儿一些花哨的东西,例如可以使用 ! ~ 等。只要不报错都是可以使用的,类似于“;”
function say() {
  console.log('hello world')
}

// TypeError: say(...) is not a function
say()

;(function () {
  console.log('hello')
})()

;['苹果', '香蕉'].forEach(function (item) {
	console.log(item)
})

在这里插入图片描述

"`" 是 EcmaScript 6 中新增的一种字符串包裹方式,叫做:模板字符串,
  • 键盘Esc下就是这个符号,英文状态可以打出来 ,一般读作:反引号
  • 它支持换行和非常方便拼接变量
 var foo = `
 大家好
hello                            床前明月光
 world
哈哈哈 `
console.log(foo)

在这里插入图片描述

本文来自博客园,作者:兮动人,转载请注明原文链接:https://www.cnblogs.com/xdr630/p/15254826.html

原文地址:https://www.cnblogs.com/xdr630/p/15254826.html