首页 > 其他分享 >JS书写规范

JS书写规范

时间:2022-11-04 11:47:29浏览次数:80  
标签:某个 函数 示例 书写 规范 JS var 命名

JS 变量命名

命名方法

小驼峰式命名

命名规范

前缀应当是名词。(函数的名字前缀为动词,以此区分变量和函数)

命名建议

尽量在变量名字中体现所属类型,如:length、count等表示数字类型;而包含name、title表示为字符串类型。

示例
// 好的命名方式
var totalCount = 10;
var tableTitle = 'Table';
// 不好的命名方式
var setCount = 18;
var getTitle = 'Table';

JS 函数命名

命名方法

小驼峰式命名法

命名规范

前缀应当为动词

命名建议

可使用常见动词约定

动词 含义 返回值

can	判断是否可执行某个动作(权限)	函数返回一个布尔值。true:可执行;false:不可执行
has	判断是否含有某个值	函数返回一个布尔值。true:含有此值;false:不含有此值
is	判断是否为某个值	函数返回一个布尔值。true:为某个值;false:不为某个值
get	获取某个值	函数返回一个非布尔值
set	设置某个值	无返回值、返回是否设置成功或者返回链式对象
load	加载某些数据	无返回值或者返回是否加载完成的结果
示例
function hasChild () {}
function isChild () {}

JS 常量命名命名方法

命名规范

名称全部大写,使用大写字母和下划线来组合命名,下划线用以分割单词

示例
var MAX_COUNT = 10;
var URL = 'http://www.runoob.com'; 
JS 文件命名
命名规范
使用短线(-)或句点(.)作为分隔符号,推荐使用句点,最好使用小写英文字符,不要使用其他符号和扩展字符。

示例

vue.config.js
js 注释格式
命名规范
单行使用//, 多行使用/* 注释 */

示例

// 单行注释

/*
* 多行注释
* 多行注释
* 多行注释
*/

作者:张中华
链接:https://www.jianshu.com/p/bdfcca2992cc
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

标签:某个,函数,示例,书写,规范,JS,var,命名
From: https://www.cnblogs.com/Sultan-ST/p/16857205.html

相关文章

  • download.js (实例2)下载
    调用this.$download.url('/api/v1/org/question/exportData',datVal,`${this.questMess.name}.xlsx`);js文件import{saveAs}from'file-saver'importaxi......
  • el-dialog 或dialog 封装 通过js控制
    1.通用组件封装dialogImg.vue<template><div><el-dialogv-show="isShow":visible.sync="isShow"width="50%"@close="seePicUrl='......
  • ArcGIS JS API 添加要素图层 点击时获取图层属性
    //需要引入:"esri/layers/FeatureLayer"模块//要素图层被点击时弹出图层属性的模板定义{为字段}varTuCeng03TC={"title":"ID:{objectid}",......
  • Vue、Three.js实现全景图
    一、首先我们需要创建一个Vue工程本文主要详细记录搭建全景图的过程,故搭建Vue工程不在过多描述。二、安装Three.jsnpminstallthree--savenpminstallthree-trackba......
  • JSON
    数据交换格式1、什么是数据交换格式数据交换格式,就是服务器端与客户端之间进行数据传输与交换的格式。前段领域,经常提及的两种数据交换格式分别是XML和JSON。其中......
  • js踩坑记录-数组
    数组比较eg1:以为打印出的是true,但是是false,原因是数组是引用数据类型,比较的时候比较的是地址,所以是不相等的。在C++中,数组也是不能通过这种方式比较的。但是python是可以......
  • 2022-11-04 js foreach 三重循环
    letarr=[];req.data.forEach((e,k1)=>{letobj={};obj.value=e.content;obj.children=[];obj.expand=false;if(e.children){e.child......
  • 为什么JSON.parse会损坏大数字,如何解决这个问题?
    为什么大数字会被JSON.parse破坏?像 9123372036854000123 这样的长数字既是有效的JSON也是有效的JavaScript。当JavaScript将数值解析为数字时,事情就出错了。最初,Jav......
  • JS模拟给按钮上锁
    为了防止用户连续点击一个按钮而导致代码处理错乱,可参考以下代码为按钮上锁:varfeedbtnlock=0;if(feedbtnlock==0){feedbtnlock=1;setTimeout(function(......
  • JS优化
    1.带有多个条件的if语句把多个值放在一个数组中,然后调用数组的includes方法。//longhandif(x==='abc'||x==='def'||x==='ghi'||x==='jkl'){//......