首页 > web前端 > js教程 > 正文

javascript基础教程之函数返回值return语法实例详解

伊谢尔伦
发布: 2017-07-25 10:10:42
原创
1843 人浏览过

函数返回值

  函数中的return语句用来返回函数调用后的返回值

return expression;
登录后复制

  return语句只能出现在函数体内,如果不是会报语法错误

return 1;//SyntaxError: Illegal return statement
登录后复制

  如果没有return语句,则函数调用仅仅依次执行函数体内的每一条语句直到函数结束,最后返回调用程序。这种情况下,调用表达式的结果是undefined

var test = function fn(){}
console.log(test);//undefined
登录后复制

  当执行到return语句时,函数终止执行,并返回expression的值给调用程序

var test = function fn(){    
  return 2;
};
console.log(test());//2
登录后复制

  [注意]并不是函数中return语句后的所有语句都不执行,finally语句是例外,return语句不会阻止finally子句的执行

function testFinnally(){
    try{
        return 2;
    }catch(error){
        return 1;
    }finally{
        return 0;
    }
}
testFinnally();//0
登录后复制

 [注意]由于javascript可以自动插入分号,因此在return关键字和它后面的表达式之间不能有换行

var test = function fn(){    
   return  2;
};
console.log(test());//undefined
登录后复制

  一个函数中可以有多个return语句

function diff(iNum1, iNum2) {
  if (iNum1 > iNum2) {
    return iNum1 - iNum2;
  } else {
    return iNum2 - iNum1;
  }
}
登录后复制

return语句可以单独使用而不必带有expression,这样的话也会向调用程序返回undefined

var test = function fn(){    
   return;
};
console.log(test());//undefined
登录后复制

  return语句经常作为函数内的最后一条语句出现,这是因为return语句可用来使函数提前返回。当return被执行时,函数立即返回而不再执行余下的语句

//并没有弹出1
var test = function fn(){
    return;
    alert(1);
};
console.log(test());//undefined
登录后复制

如果函数调用时在前面加上了new前缀,且返回值不是一个对象,则返回this(该新对象)

function fn(){
    this.a = 2;
    return 1;
}
var test = new fn();
console.log(test);//{a:2}
console.log(test.constructor);//fn(){this.a = 2;return 1;}
登录后复制

如果返回值是一个对象,则返回该对象

function fn(){
    this.a = 2;
    return {a:1};
}
var test = new fn();
console.log(test);//{a:1}
console.log(test.constructor);//Object() { [native code] }
登录后复制

以上是javascript基础教程之函数返回值return语法实例详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板