快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript中return/break语句的使用技巧

这篇文章将为大家详细讲解有关javascript中return/break语句的使用技巧,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联公司服务项目包括钢城网站建设、钢城网站制作、钢城网页制作以及钢城网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,钢城网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到钢城省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

在JavaScript里面,一般我们想让程序在function里面执行到一半时,经过判断或者完成某种操作后停止执行后面的代码,会用return结束掉function。

例如:

//去除前后的空格
function spaceWord(vRet){
if(!vRet) return vRet;
//条件循环 当不满足自身的条件的时候继续循环,当达到条件的时候 终止运行 一般用return 
//while这样的循环语句可以中断代码的执行,
while (true) {//推出条件
    if (vRet.indexOf (' ') == 0) {
        vRet = vRet.substring(1, parseInt(vRet.length));
    } else if ((parseInt(vRet.length) != 0) && (vRet.lastIndexOf (' ') == parseInt(vRet.length) - 1)) {
        vRet = vRet.substring(0, parseInt(vRet.length) - 1);
    } else {
        return vRet;//使用return 终止运行 跳出执行体
    }
}
}
console.log(spaceWord(spaceStr));

但是,如果我要做多层的判断,而且要中断的只是其中一个判断后面的代码呢?

function(){
//代码1...
if(stopRun == true){
    //代码2 ...
    if(cando == false){
        return
    }
    //代码3 ...
}
//代码4 ...
}

如果使用return 终止运行,则代码3与代码4则不能执行;

对用这种需求妙用break来实现代码的中断,而不结束整个函数。

例如:

var stopRun = true,cando = false;
function ww(){
//代码1...
while(stopRun == true){
    //代码2 ...
    console.log(2)
    if(cando == false){
        break
    }
    //代码3 ...
    console.log(3)
    break
}
//代码4 ...
console.log(4)
}

上面的逻辑,当执行到代码2语句时,遇到break语句,则代码跳出循环执行代码4 则运行输出为:2 4;则证明代码3被阻止了,但是没有阻止函数的运行;

break不能在if里面用,但是可以在循环里面用,所以用while这样的循环语句可以中断代码的执行,理论上所有循环都可以实现该功能,选择while是因为它简洁而且可以代替if做判断。
!!!注意!!!while最后记得加上一个break,不然会变成死循环。

可以在while中间加入多个if()break作为断点,控制逻辑的流程。

function(){
var a=0;
while(a==0){
    console.log("我要")
    a++
    if(a!=1)break
    console.log("我再要")
    a++
    if(a!=2)break
    console.log("我还要")
    break
}
}

关于javascript中return/break语句的使用技巧就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


新闻名称:javascript中return/break语句的使用技巧
标题URL:http://6mz.cn/article/jdosjg.html

其他资讯