Javascript中toString()和toLocaleString()的区别

关于这两个方法时使用，小红书中写的也不是很详细，所以自己动手实践一下，然后记下来。
为了方便查看，先写一个方法

test () {
      [].slice.call(arguments, 0).forEach(item => {
        console.log('toString:', item.toString());
        console.log('toLocaleString:', item.toLocaleString());
      });
}

一、String

没有区别

test('123');
	“123” //toString()
	“123” //toLocaleString()
test('测试一下')
	测试一下 //toString()
	测试一下 //toLocaleString()

二、Number

number有点区别，需要注意一下

// 测试一下整数和浮点数，三位和三位以内
test(123, 1.2, 1.233567, 1234567, 0.2311, 0.00003, 1234.12345);

toString: 123
toLocaleString: 123
toString: 1.2
toLocaleString: 1.2
toString: 1.233567
toLocaleString: 1.234
toString: 1234567
toLocaleString: 1,234,567
toString: 0.2311
toLocaleString: 0.231
toString: 0.00003
toLocaleString: 0
toString: 1234.12345
toLocaleString: 1,234.123

可以得出以下几条结论：

1. number的toString()方法，基本没有变化，只是转为字符串的形式
2. number的toLocaleString()方法要分类来看：
   2.1 整数部分超过三位的会按照从右至左，三位一个间隔，以逗号分隔
   2.2 小数部分会只保留三位有效数字

三、Boolean

let a = 1;
test(true, false, a === 1);
toString: true
toLocaleString: true
toString: false
toLocaleString: false
toString: true
toLocaleString: true

可以看到boolean值两者没有区别

四、NULL

可以看到null是对象的一种特殊形式，没有toString(),直接报错终止执行

同样的，toLocaleString()方法同样报错

五、undefined

结果同上，就不贴图了

六、Object

let a = {
      b: 1,
      c: {
        d: 2
      },
      e: {
        f: {
          g: 3
        },
        h: 4
    }
};
test(a);

toString: [object Object]
 toLocaleString: [object Object]

并没有打印出对象的属性值

七、Array

let a = [], b = [123, 1234.12345];
let c = [{a: 1}, '123', true], d = [a, b, c];
test(a, b, c, d);
toString: 
toLocaleString: 
toString: 123,1234.12345
toLocaleString: 123,1,234.123
toString: [object Object],123,true
toLocaleString: [object Object],123,true
toString: ,123,1234.12345,[object Object],123,true
toLocaleString: ,123,1,234.123,[object Object],123,true

可以看出一下几点：

1. 数组调用两个方法，是对应的每一个元素都调用了他们对应的两个方法，并满足上述的规则
2. 数组输出是以逗号分开的字符串
3. 当元素是数组时，满足上诉两条规则

八、Function

    let a = function () {
      return '123';
    };
    test(a, function () {
      return '456';
    });
    toString: function a() {
      return '123';
    }
toLocaleString: function a() {
      return '123';
    }
toString: function () {
      return '456';
    }
toLocaleString: function () {
      return '456';
    }

分别测试了参数是函数的引用和匿名函数，均是输出了函数代码；二者没有区别

九、Date

test(new Date());
toString: Sat Dec 01 2018 17:04:37 GMT+0800 (中国标准时间)
toLocaleString: 2018/12/1 下午5:04:37

我是用的chorme浏览器，不同浏览器不有所不同，不在此过多比较，只是可以看到同一浏览器下，toString()和toLocaleString()的区别，toLocaleString()，会根据当前时区进行打印，也是我们能够直接看懂的时间

这篇文章就到这里啦，如果有误，欢迎指正！