JavaScript相关,这是什么情况

Question

问题相关代码，请勿粘贴截图

var a = Object();
      //等价于var a = {}
      var b = new Object();
      //等价于var b = {}
      var c = Object({name : 'c'});
      //将参数实例化
      a.name = 'a';
      b.name = 'b';
      //将参数对象转换为字符串
      document.write('<pre>a: ', JSON.stringify(a, null, ' '), '</pre>');
      document.write('<pre>b: ', JSON.stringify(b, null), '</pre>');
      document.write('<pre>c: ', JSON.stringify(c, ''), '</pre>');

运行结果及报错内容

我想要达到的结果

为什么加了null,空格以及pre标签后才会分行,不加这三就不会分行,这是为什么

Answer 1

document.write写入的是html文本，你JSON.stringify(a, null, ' ')是将对象格式化为字符串然后写到页面上，没有用html标签进行包含，html渲染时是当做文本进行渲染的，

标签：https://www.runoob.com/tags/tag-pre.html，你用div、p、br>等都能实现同样的效果，不是js问题，是组合后的html问题。
以下代码能实现同样效果：

              var a = Object();
              //等价于var a = {}
              var b = new Object();
              //等价于var b = {}
              var c = Object({name : 'c'});
              //将参数实例化
              a.name = 'a';
              b.name = 'b';
              //将参数对象转换为字符串
              document.write('br换行：');
              document.write('a: '+ JSON.stringify(a)+"<br/>");
              document.write('b: '+ JSON.stringify(b)+"<br/>");
              document.write('c: '+ JSON.stringify(c)+"<br/>");
              //将参数对象转换为字符串
              document.write('p块级元素：');
              document.write('<p>a: '+ JSON.stringify(a)+"</p>");
              document.write('<p>b: '+ JSON.stringify(b)+"</p>");
              document.write('<p>c: '+ JSON.stringify(c)+"</p>");
              //将参数对象转换为字符串
              document.write('div块级元素：');
              document.write('<div>a: '+ JSON.stringify(a)+"</div>");
              document.write('<div>b: '+ JSON.stringify(b)+"</div>");
              document.write('<div>c: '+ JSON.stringify(c)+"</div>");

结果：