欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

对代码的简洁优化

程序员文章站 2024-03-24 11:54:52
...

对代码的简洁优化


对象赋值

对于每个属性,JavaScript引擎都必须遍历整个对象链,直到找到匹配项。 如果使用不当,这会占用大量资源,并影响应用程序的性能。


	const name = res.data.user.firstname + res.data.user.lastname
	
	const user = res.data.user
	const name = user.firstname + user.lastname
	

在上述情况下,userResponse可能不是对象,如果是对象,它的属性 user 也可能不是对象。所以,在获取值时要进行检查:


	const user = res?.data?.user
	const { firstname = '', lastname = ''} = user
	const name = firstname + lastname
	



多条件使用 Map 而不是 switch / if-else

如果要检查多个条件时,可以使用Map代替 switch/if-else条件。 在Map中查找元素的性能比对switch和if-else条件快得多。


		switch (day) {
		  case 'monday':
		    return 'workday'
		  case 'tuesday':
		    return 'workday'
		  case 'saturday':
		    return 'funday'
		  case 'sunday':
		    return 'funday'
		}
		
		if (
		  day === 'monday' ||
		  day === 'tuesday'
		)
		  return 'workday'
		else return 'funday'
	

上面代码可以使用 Map 来代替


	const m = new Map([
	    ['monday','workday'],
	    ['tuesday', 'workday'],
	    ['saturday', 'funday'],
	    ['sunday', 'funday']
	];

	return m.get(day);
	


先判断空再判断非空效率更高


	UserList(list) {
	  if (!list.length) {
	    return false;
	  }
	  return true;
	}