javascript基础教程之函数返回值return语法实例详解-js教程-PHP中文网

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

伊谢尔伦

发布： 2017-07-25 10:10:42

原创

2096人浏览过

函数返回值

　　函数中的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子句的执行

立即学习“Java免费学习笔记（深入）”；

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中文网其它相关文章！