区块链技术博客
www.b2bchain.cn

JavaScript代码整洁规范总结求职学习资料

本文介绍了JavaScript代码整洁规范总结求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

新年伊始,领完开工红包之后搬砖人又开始干活了。年初公司开始制定工作计划和目标,对前端团队的要求中有一条就是制定代码规范。在进行一番调研之后,做了如下总结。


1.使用有意义的变量名

如果经常review代码就会发现命名真的是五花八门。举几个例子大家感受一下:

// 使用1,2,3后缀命名,没有说明含义 let section1 = ""; let section2 = ""; let section3 = "";
// 需求更新添加 new update 等前缀 let link = ""; let newLink = ""; let newNewLink = "";
// 使用单字符 或者 temp that _this 等无含义词汇命名 let l = "";

代码的可读性,可理解性对项目的维护非常重要,使用有意义的命名可以帮助自己和同伴理解代码含义。后续有改动时也能通过搜索关键字找到对应的代码位置,快速高效。

再举一个符合要求的命名:

let bookAuthorInfo = {};

2.同一类变量使用相同命名

因为一个功能可能有多人经手开发,有可能大家对变量的命名不一致。举个栗子:

// 开发A let user = {}; let getUserInfo = {};  // 开发B let account = {}; let getAccountInfo = {};

这种情况最好使用同一个变量名,后续需求开发会比较容易。

3.变量名应尽量简洁

在声明对象属性名时,应尽量简洁,去除不必要的前缀修饰。举个栗子:

let user = {   userName: "owen",   userAge: "18" }

上面的对象可以简化为:

let user = {   name: "owen",   age: "18" }

4.使用参数默认值而不是使用 || 设置默认值

const func1 = function(name) {   let param = name || "";   console.log(param); }  const func2 = function(name = "") {   console.log(name); }

使用短路操作设置默认值会将 “” , false, null, NaN 也设置为默认值,这会改变函数的传入值。设置参数默认值的方式,只会在参数为undefined时将传入值设置为默认值。

5.函数参数不应过多,过多参数时采用对象传参

随着函数功能的变化,有时候会出现参数过多的情况。理想的参数个数应该在1-2个,因为过多的参数意味着需要很多单元测试。
如果确实需要传入很多参数,可以采用传入对象的方式。举个栗子:

新年伊始,领完开工红包之后搬砖人又开始干活了。年初公司开始制定工作计划和目标,对前端团队的要求中有一条就是制定代码规范。在进行一番调研之后,做了如下总结。


1.使用有意义的变量名

如果经常review代码就会发现命名真的是五花八门。举几个例子大家感受一下:

// 使用1,2,3后缀命名,没有说明含义 let section1 = ""; let section2 = ""; let section3 = "";
// 需求更新添加 new update 等前缀 let link = ""; let newLink = ""; let newNewLink = "";
// 使用单字符 或者 temp that _this 等无含义词汇命名 let l = "";

代码的可读性,可理解性对项目的维护非常重要,使用有意义的命名可以帮助自己和同伴理解代码含义。后续有改动时也能通过搜索关键字找到对应的代码位置,快速高效。

再举一个符合要求的命名:

let bookAuthorInfo = {};

2.同一类变量使用相同命名

因为一个功能可能有多人经手开发,有可能大家对变量的命名不一致。举个栗子:

// 开发A let user = {}; let getUserInfo = {};  // 开发B let account = {}; let getAccountInfo = {};

这种情况最好使用同一个变量名,后续需求开发会比较容易。

3.变量名应尽量简洁

在声明对象属性名时,应尽量简洁,去除不必要的前缀修饰。举个栗子:

let user = {   userName: "owen",   userAge: "18" }

上面的对象可以简化为:

let user = {   name: "owen",   age: "18" }

4.使用参数默认值而不是使用 || 设置默认值

const func1 = function(name) {   let param = name || "";   console.log(param); }  const func2 = function(name = "") {   console.log(name); }

使用短路操作设置默认值会将 “” , false, null, NaN 也设置为默认值,这会改变函数的传入值。设置参数默认值的方式,只会在参数为undefined时将传入值设置为默认值。

5.函数参数不应过多,过多参数时采用对象传参

随着函数功能的变化,有时候会出现参数过多的情况。理想的参数个数应该在1-2个,因为过多的参数意味着需要很多单元测试。
如果确实需要传入很多参数,可以采用传入对象的方式。举个栗子:

新年伊始,领完开工红包之后搬砖人又开始干活了。年初公司开始制定工作计划和目标,对前端团队的要求中有一条就是制定代码规范。在进行一番调研之后,做了如下总结。


1.使用有意义的变量名

如果经常review代码就会发现命名真的是五花八门。举几个例子大家感受一下:

// 使用1,2,3后缀命名,没有说明含义 let section1 = ""; let section2 = ""; let section3 = "";
// 需求更新添加 new update 等前缀 let link = ""; let newLink = ""; let newNewLink = "";
// 使用单字符 或者 temp that _this 等无含义词汇命名 let l = "";

代码的可读性,可理解性对项目的维护非常重要,使用有意义的命名可以帮助自己和同伴理解代码含义。后续有改动时也能通过搜索关键字找到对应的代码位置,快速高效。

再举一个符合要求的命名:

let bookAuthorInfo = {};

2.同一类变量使用相同命名

因为一个功能可能有多人经手开发,有可能大家对变量的命名不一致。举个栗子:

// 开发A let user = {}; let getUserInfo = {};  // 开发B let account = {}; let getAccountInfo = {};

这种情况最好使用同一个变量名,后续需求开发会比较容易。

3.变量名应尽量简洁

在声明对象属性名时,应尽量简洁,去除不必要的前缀修饰。举个栗子:

let user = {   userName: "owen",   userAge: "18" }

上面的对象可以简化为:

let user = {   name: "owen",   age: "18" }

4.使用参数默认值而不是使用 || 设置默认值

const func1 = function(name) {   let param = name || "";   console.log(param); }  const func2 = function(name = "") {   console.log(name); }

使用短路操作设置默认值会将 “” , false, null, NaN 也设置为默认值,这会改变函数的传入值。设置参数默认值的方式,只会在参数为undefined时将传入值设置为默认值。

5.函数参数不应过多,过多参数时采用对象传参

随着函数功能的变化,有时候会出现参数过多的情况。理想的参数个数应该在1-2个,因为过多的参数意味着需要很多单元测试。
如果确实需要传入很多参数,可以采用传入对象的方式。举个栗子:

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » JavaScript代码整洁规范总结求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们