编写JS简洁代码的原则

变量名

  • 变量命名必须准确,不能无意义
	var yyyymmdd;  // No
	var yearMonthDay // Yes
  • 对于值不会改变的常量使用const关键字
  • 变量命名不能废话
	getUserInfo()  // No
	getUser()  // Yes 都是获取用户,下面的更加简洁
  • 尽量使每个变量名有意义,名称可以检索
	const total = 55 + 20  // No  55是什么?20又是什么?
	const cats = 55;
	const dogs = 20;
	const total = cats + dogs; // Yes

语句

  • 语句不宜过长,长语句尽量拆分,提取重复部分
	changeMessageState(messageList[0].message, messageList[0].state)  // No
	const messageObj = messageList[0];
	const message = messageObj.message;
	const state = messageObj.state; 
	changMessageState(message, state);  // Yes
  • 使用短路语句
	function getAnswer(question) {
		if(question) {
			return handleQuestion(question)
		}else {
			return "no answer"
		}
	}     // No
	function getAnswer(question) {
		return question ? handleQuestion(question) : "no answer"
	}
	

函数

  • 使用两个或少于两个的参数
	function createArticle(title, keyWords, summary, text)  // No
	var article = {
		title: 'English',
		keyWords: 'language',
		summary: 'this language is popular',
		text: 'English is the most popular language in the world'
	}
	function createArticle(article)  // Yes
  • 函数名说明要做的事
	function catsAdd() {
		return cats + dogs;
	}  // No
	function catsAddDogs() {
		return cats + dogs;
	}    // Yes
  • 拆分复杂的函数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值