前端写出优雅的代码，融会贯通es6

提交自身能力必备

async handFn () {const getLogin = () => {}// 1if (this.Val) return console.log('a是大于0的')// 简写，&&左边为真才会执行右侧，可以搭配 三元运算符使用this.Val && console.log('a是大于0的')// 2.if (this.num > 0) {console.log('a是真值')} else {console.log('a是假值')}// 简写this.num > 0 ? console.log('a是真值') : console.log('a是假值')// 3.实际应用，eg：请求后端数据const res = await getLogin({})res.code === 200 && (this.obj = res.data)// 或者res.code === 200 ? (this.obj = res.data) : console.log('请求失败----', res.msg)
}

进阶提升

// 举例这种,新手常用handFn () {let ValA = 'a'let ValB = 'b'let ValC = 'c'const res = 1if (res === 1) {ValA = '改变为1'this.isTrue = true// n个相同的操作}if (res === 2) {ValB = '改变为2'this.isTrue = false}if (res === 3) {ValC = '改变为3'this.isTrue = true}console.log(ValA + ' - ' + ValB + ' - ' + ValC)}// 进阶写法，handFn () {// 如果值不会变，那么一定要用const定义const res = 1let [ValA, ValB, ValC] = ['a', 'b', 'c']const changeFn = (text, changeVal, isBoon) => {changeVal = textthis.isTrue = isBoon}res === 1 && changeFn('改变为1', ValA, true)res === 2 && changeFn('改变为2', ValB, false)res === 3 && changeFn('改变为3', ValC, true)// 不要使用 + 号拼接，一定要使用模版字符串console.log(`${ValA} - ${ValB} - ${ValC}`)}

vue路由常用

// 错误写法，eg：需要放行4个路由可以这样写，如果需要放行10个，50个...
handFn () {const Val = '/login'if (Val === '/login' || Val === '/about' || Val === '/home' || Val === '/index') {console.log('vue需要放行没有token的路由')}}// 正确写法，使用includes方法
handFn () {const Val = '/login'const arr = ['/login', '/about', '/home', '/index']arr.includes(Val) && console.log('vue需要放行没有token的路由')}

前端写出优雅的代码，融会贯通es6相关推荐

优雅写mysql_如何写出优雅的代码？
我 18 年在 PyCon 做过一次类似的分享 ,目的是如何写出优雅的代码.希望能部分回答这个问题,也希望与大家多多讨论.<聊聊编程原则>zhuanlan.zhihu.com 要成为合格 ...
程序员如何写出优雅的代码？
作者 | 老峰责编 | 郭芮一直以来,关于"代码规范"的话题都备受关注,业界甚至有很多流传甚广的段子不断调侃之.既然代码规范能引起这么大的共鸣,那么今天我们谈谈一个程序员的自我 ...
谈代码整洁之道，如何写出优雅的代码
最近为了制定团队的代码规范,拜读了鲍勃大叔的<代码整洁之道>,读完之后,在如何写出整洁优雅的高质量代码方面有很大的启发.我认为<代码整洁之道>是我们提高编程能力和自我修养必读之 ...
如何写出优雅的代码？
希望你的代码如同你本人一样优雅.:) 我们编写的代码,除了用于机器执行产生我们预期的效果以外,更多的时候是给人读的,这个读代码的可能是后来的维护人员,更多时候是一段时间后的作者本人. 如何能够写出优雅 ...
web前端 - 写出漂亮JavaScript代码的实用技巧
1.按强类型风格写代码 js是弱类型的,但是写代码的时候不能太随意,写得太随意也体现了编码风格不好.下面分点说明: (1)定义变量的时候要指明类型,告诉JS解释器这个变量是什么数据类型的,而不要让解释 ...
如何写出优雅的代码吐血整理
前言最近代码的规范和书写成为许多公司的关注点, 因为一个设计感良好, 工整的代码, 才利于维护和阅读, 每次看到有了年头还乱糟糟的代码, 就仿佛看到一坨最近看书有许多心得, 向公司大佬请教过后, ...
Android开发如何写出优雅的代码
很多时候我们去面试,人家总会问一个问题,你们公司开发一个app是如何进行技术选择的,app中涉及到了哪些开发模式,谈谈你对mvc.mvp和mvvm的区别.或许在这些问题上每个人有每个人的看法,在我看来 ...
成为一名优秀的程序员，写出优雅的代码，要看哪本书？
你是否曾为糟糕的代码所深深困扰?如果你是位有点儿经验的程序员,定然多次遇到过这类困境.我们有专用来形容这事的词:沼泽(wading).我们趟过代码的水域.我们穿过灌木密布.瀑布暗藏的沼泽地.我们拼命想 ...
如何写出优雅的 Golang 代码
Go 语言是一门简单.易学的编程语言,对于有编程背景的工程师来说,学习 Go 语言并写出能够运行的代码并不是一件困难的事情,对于之前有过其他语言经验的开发者来说,写什么语言都像自己学过的语言其实是有问 ...

前端写出优雅的代码，融会贯通es6

前端写出优雅的代码，融会贯通es6相关推荐

最新文章

热门文章