js小技巧汇总

版权声明：学习中。。。 https://blog.csdn.net/fangdengfu123/article/details/80977385

短路求值

var name = $('input[name=name]').val() || '';

ES6模板语法

var name = 'jsw';
var mes = `我叫 ${name}`;

短路与做逻辑判断

原版：
if (fn) {
    fn();
}
简写：
fn && fn();
!! fn && fn();

forEach和lambel表达式

var arr = [1,2,3];
arr.forEach((data, index)=>{
    console.log('第' + index + '个数字是：' + data);
})

DOM操作（html处理完成后再进行DOM操作）

var arr = [1,2,3],
    html = '';
arr.forEach((data, index)=>{
    html += '第' + index + '个数字是：' + data;
});
$('#box').append(html);

利用取反操作优化代码

原版：
var mgr = $('input[name=mgr]:checked').val();
req.mgr = mgr == "0" ? false : true;
优化后：
req.mgr = !! + $('input[name=mgr]:checked').val();

缩短代码，减少变量声明

原版：
var errors = $('.has-error');
if (errors.length > 0){
    layer.msg('请正确填写表单');
    return false;
}
优化后：
if (!$('.has-error').length){
    layer.msg('请正确填写表单');
    return false;
}