为甚document.write输出是[object Object]

为甚document.write输出是[object Object]

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="UTF-8" /> 

<title>7-4 编程练习 什么可以做返回值</title> 

</head> 

<body> 

<script type="text/javascript"> 

    // 写一个函数(calculate),它接收两个参数(num1、num2),要求对两个参数进行四则(加减乘除)运算,将结果返回。输出5和2的四则运算结果

    function calculate(num1,num2){

     return{

     add:num1+num2,

     subtract:num1-num2,

     multiply:num1*num2,

     divide:num1/num2

     };

    }

    document.write((calculate(5,2)));

</script> 

</body> 

</html>

console.log((calculate(5,2)));输出是对的,为甚document.write((calculate(5,2)));输出是[object Object]

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

控制台打印的结果是给开发人员测试以及调错使用的,能看到详细的对象中的内容;

document.write是要在页面中显示,所以跟控制台会不一样,所以要看详细的对象内容,可以在控制台打印。

祝学习愉快!

  • 祀未 提问者 #1
    那也想在页面输出正确的怎么写?
    2017-05-20 11:02:55
  • 祀未 提问者 #2
    非常感谢!
    2017-05-20 19:42:59
  • 请不要输入昵称 回复 提问者 祀未 #3
    document.write(JSON.stringify(calculate(5,2)))
    2017-05-21 20:55:22
白天给你吃黑片 2017-05-30 14:48:10

想使用document.write()可以用数组啊

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>什么可以做返回值</title> 
</head> 
<body> 
   <script type="text/javascript"> 
    function calculate(num1,num2){
        return [
                add(num1,num2),
                subtract(num1,num2),
                multiply(num1,num2),
                divide(num1,num2)
                ]
    }
    document.write(calculate(5,2));
    function add (num1,num2) {
        return num1+num2;
    }
    function subtract (num1,num2) {
        return num1-num2;
    }
    function multiply (num1,num2) {
        return num1*num2;
    }
    function divide (num1,num2) {
        return num1/num2;
    }
    </script> 
</body> 
</html>


  • 提问者 祀未 #1
    受教了,谢谢
    2017-05-30 14:52:20
嘘_别说话 2017-05-20 11:16:53

没有这么写的,控制台输出是为了让研发更好的去看,页面是给用户看的,真想要输出,就把对象里面的那一大串写在document.write里咯

  • 提问者 祀未 #1
    好的,谢谢
    2017-05-20 19:43:28
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师