JavaScript防御性编程

本文主要是介绍JavaScript防御性编程，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

        简单聊一下防御性编程，初衷是开发人员为了防止自己被裁员，而将代码编写为只有自己能看懂。如何只有自己能看懂？方法多种多样，但不能将简单问题复杂化，比如：编写一堆无效的逻辑关系，或将业务复杂化。下面介绍一种方式，既能通过代码审查，又能提高代码水平。

        以vue为例，以下是计算所有产品价格：

computed: {extraPrice() {try {return (let cPrices = 0;this.cProducts.forEach((item) => {cPrices = cPrices + item.num * item.price;//或 cPrices += item.num * item.price;});this.aProduct.num * this.aProduct.price + this.bProduct.num * this.bProduct.price + cPrices);} catch (e) {console.log('价格计算有误');return 0;}}
}

上面代码简单明了，大部分开发人员都能读懂，那么有没有高级一点的写法，当然有：

computed: {extraPrice() {try {return (this.aProduct.num * this.aProduct.price + this.bProduct.num * this.bProduct.price + this.cProduct.reduce((total,item) => total + item.num * item.price,0));} catch (e) {console.log('价格计算有误');return 0;}}
}

对于不经常使用reduce的开发人员，需要先理解该函数。但要说代码的可读性，这段代码也没问题，简单明了。

        简而言之，多使用高级函数，符号简写等等。

这篇关于JavaScript防御性编程的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---