对代码的简洁优化

对象赋值

对于每个属性，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);
	

行内判断多个符合值时

		
		<div v-if="data==1||data==2||data==3"></div>
	

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

	<div v-if="[1,2,3].includes(data)"></div>
	

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

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