六个避免过度使用IF语句的技巧

最近，我在重构我之前的代码时，我发现早期的代码使用了太多的 if 语句，达到了我以前从未见过的程度。这就是为什么我认为分享这些可以帮助我们避免使用过多 if 语句的简单技巧很重要。

公司主营业务：成都做网站、成都网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出印台免费做网站回馈大家。

接下来，我将与你一起来分享这 6 种避免过度使用 if 的方法，这不是抵制使用if的偏执，而是换一种方式来思考我们的编程思路。

1. 三元条件运算符

示例 1：

带有 if 的代码：

function customerValidation(customer) {
  if (!customer.email) {
    return error('email is require')
  } else if (!customer.login) {
    return error('login is required')
  } else if (!customer.name) {
    return error('name is required')
  } else {
    return customer
  }
}

重构代码：

const customerValidation = customer =>
  !customer.email   ? error('email is required')
  : !customer.login ? error('login is required')
  : !customer.name  ? error('name is required')
                    : customer

示例 2：

带有 if 的代码：

function getEventTarget(evt) {
    if (!evt) {
        evt = window.event;
    }
    if (!evt) {
        return;
    }
    const target;
    if (evt.target) {
        target = evt.target;
    } else {
        target = evt.srcElement;
    }
    return target;
}

重构代码：

function getEventTarget(evt) {
  evt = evt || window.event;
  return evt && (evt.target || evt.srcElement);
}

2.短路逻辑运算符

示例 1：

带有 if 的代码：

const isOnline = true;
const makeReservation= ()=>{};
const user = {
    name:'Damian',
    age:32,
    dni:33295000
};


if (isOnline){
    makeReservation(user);
}

重构代码：

const isOnline = true;
const makeReservation= ()=>{};
const user = {
    name:'Damian',
    age:32,
    dni:33295000
};


isOnline&&makeReservation(user);

示例 2：

带有 if 的代码：

const active = true;
const loan = {
    uuid:123456,
    ammount:10,
    requestedBy:'rick'
};


const sendMoney = ()=>{};


if (active&&loan){
    sendMoney();
}

重构代码：

const active = true;
const loan = {
    uuid:123456,
    ammount:10,
    requestedBy:'rick'
};


const sendMoney = ()=>{};


active && loan && sendMoney();

3.功能委托

示例 1：

带有 if 的代码：

function itemDropped(item, location) {
    if (!item) {
        return false;
    } else if (outOfBounds(location) {
        var error = outOfBounds;
        server.notify(item, error);
        items.resetAll();
        return false;
    } else {
        animateCanvas();
        server.notify(item, location);
        return true;
    }
}

重构代码：

function itemDropped(item, location) {
    const dropOut = function() {
        server.notify(item, outOfBounds);
        items.resetAll();
        return false;
    }


    const dropIn = function() {
        server.notify(item, location);
        animateCanvas();
        return true;
    }


    return !!item && (outOfBounds(location) ? dropOut() : dropIn());
}

4. 非分支策略

示例 1：

带开关的代码：

switch(breed){
    case 'border':
      return 'Border Collies are good boys and girls.';
      break;  
    case 'pitbull':
      return 'Pit Bulls are good boys and girls.';
      break;  
    case 'german':
      return 'German Shepherds are good boys and girls.';
      break;
    default:
      return 'Im default'
}

重构代码：

const dogSwitch = (breed) =>({
  "border": "Border Collies are good boys and girls.",
  "pitbull": "Pit Bulls are good boys and girls.",
  "german": "German Shepherds are good boys and girls.",  
})[breed]||'Im the default';


dogSwitch("border xxx")

5.作为数据的函数

我们知道在 JS 中函数是第一类，所以使用它我们可以将代码拆分成一个函数对象。

带有 if 的代码：

const calc = {
    run: function(op, n1, n2) {
        const result;
        if (op == "add") {
            result = n1 + n2;
        } else if (op == "sub" ) {
            result = n1 - n2;
        } else if (op == "mult" ) {
            result = n1 * n2;
        } else if (op == "div" ) {
            result = n1 / n2;
        }
        return result;
    }
}


calc.run("sub", 5, 3); //2

重构代码：

const calc = {
    add : function(a,b) {
        return a + b;
    },
    sub : function(a,b) {
        return a - b;
    },
    mult : function(a,b) {
        return a * b;
    },
    div : function(a,b) {
        return a / b;
    },
    run: function(fn, a, b) {
        return fn && fn(a,b);
    }
}


calc.run(calc.mult, 7, 4); //28

6.多态性

多态性是一个对象具有多种形式的能力，OOP 中多态性最常见的用法是使用父类引用来引用子类对象。

带有 if 的代码：

const bob = {
  name:'Bob',
  salary:1000,
  job_type:'DEVELOPER'
};


const mary = {
  name:'Mary',
  salary:1000,
  job_type:'QA'
};


const calc = (person) =>{


    if (people.job_type==='DEVELOPER')
        return person.salary+9000*0.10;


    if (people.job_type==='QA')
        return person.salary+1000*0.60;
}


console.log('Salary',calc(bob));
console.log('Salary',calc(mary));

重构代码：

const qaSalary  = (base) => base+9000*0.10;
const devSalary = (base) => base+1000*0.60;


//Add function to the object.
const bob = {
  name:'Bob',
  salary:1000,
  job_type:'DEVELOPER',
  calc: devSalary
};


const mary = {
  name:'Mary',
  salary:1000,
  job_type:'QA',
  calc: qaSalary
};


console.log('Salary',bob.calc(bob.salary));
console.log('Salary',mary.calc(mary.salary));

本文题目：六个避免过度使用IF语句的技巧
标题链接：http://www.csdahua.cn/qtweb/news3/235503.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：快上网

成都快上网为您推荐相关内容