return 语句

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

语法

return expression;

说明

返回语句特点

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

return 1;	// SyntaxError: Illegal return statement

由于 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 语句，则函数调用仅仅依次执行函数体内的每一条语句直到函数结束，最后返回调用程序。这种情况下，调用表达式的结果是 undefined。

var test = function fn(){}
console.log(test()); // undefined

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

var test = function fn(){
    return 2;
};
console.log(test()); // 2

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

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

并不是函数中 return 语句后的所有语句都不执行，finally 语句是例外，return 语句不会阻止 finally 子句的执行。

function testFinnally(){
    try{
        return 2;
    }catch(error){
        return 1;
    }finally{
        return 0;
    }
}
testFinnally(); // 0

返回值

如果函数调用时在前面加上了 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] }

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

var test = function fn(){
    return;
};
console.log(test()); // undefined

总结

return 语句只能出现在函数体内
return 关键词和表达式之间不可换行
一个函数中可以有多个 return 语句
当执行 return 语句，函数终止执行，并返回表达式
return 语句不会阻止 finally 子句的执行
调用构造函数，且返回值不是一个对象，则返回该新对象
如果返回值是一个对象，则返回该对象
return 语句可单独使用而不必带有表达式，返回 undefined

JS知识图谱

return 语句

语法

说明

返回语句特点

函数进程

返回值

总结