19 个 JavaScript 有用的简写技术前端开发，JQUERY特效，全栈开(2)_H5之家

JavaScript中如果没有向函数参数传递值，则参数为undefined。为了增强参数赋值，可以使用if语句来抛出异常，或使用强制参数简写方法。

function foo(bar) { if(bar === undefined) { throw new Error('Missing parameter!'); } return bar; }

简写：

mandatory = () => { throw new Error('Missing parameter!'); } foo = (bar = mandatory()) => { return bar; } Array.find简写

想从数组中查找某个值，则需要循环。在ES6中，find()函数能实现同样效果。

pre>
const pets = [
{ type: 'Dog', name: 'Max'},
{ type: 'Cat', name: 'Karl'},
{ type: 'Dog', name: 'Tommy'},
]

function findDog(name) {
for(let i = 0; i<pets.length; ++i) {
if(pets[i].type === 'Dog' && pets[i].name === name) {
return pets[i];
}
}
}

简写：

pet = pets.find(pet => pet.type ==='Dog' && pet.name === 'Tommy'); console.log(pet); // { type: 'Dog', name: 'Tommy' } Object[key]简写

考虑一个验证函数

function validate(values) { if(!values.first) return false; if(!values.last) return false; return true; } console.log(validate({first:'Bruce',last:'Wayne'})); // true

假设当需要不同域和规则来验证，能否编写一个通用函数在运行时确认？

// 对象验证规则 const schema = { first: { required:true }, last: { required:true } } // 通用验证函数 const validate = (schema, values) => { for(field in schema) { if(schema[field].required) { if(!values[field]) { return false; } } } return true; } console.log(validate(schema, {first:'Bruce'})); // false console.log(validate(schema, {first:'Bruce',last:'Wayne'})); // true

现在可以有适用于各种情况的验证函数，不需要为了每个而编写自定义验证函数了

双重非位运算简写

有一个有效用例用于双重非运算操作符。可以用来代替Math.floor()，其优势在于运行更快，可以阅读此文章了解更多位运算。

Math.floor(4.9) === 4 //true

简写：

~~4.9 === 4 //true

本文翻译于SitePoint：

原文地址：https://segmentfault.com/a/1190000012673854

19 个 JavaScript 有用的简写技术 前端开发，JQUERY特效，全栈开(2)

19 个 JavaScript 有用的简写技术前端开发，JQUERY特效，全栈开(2)