【JavaScript】toString和String以及stringify的区别

toString和String以及stringify的区别

1、toString()

toString的使用方法：

var num = 123;
var str = num.toString();

toString()方法，数值、字符串、对象、布尔都有toString方法；其中null和undefined没有toString()方法；如果你尝试去输出undefined或者null的toString方法时就会报错。

// Cannot read property 'toString' of undefined
console.log(undefined.toString());
// Cannot read property 'toString' of null
consloe.log(null.toString());

var strfy = {
      name: undefined,
      age: 20
}
strfy.toString() //"[object Object]"
var regexp = new RegExp();
regexp.toString() //"/(?:)/"
var date = new Date();
date.toString()//"Tue Jan 21 2020 15:12:10 GMT+0800 (中国标准时间)"

2、String()

String()属于强制转换， null转换的结果为"null"；undefined转换的结果为"undefined"；其余的如果有toString()方法，即调用该方法的时候，返回相应的结果。这里所说的结果就是将里面的代码执行。

console.log(String(undefined));//"undefined"
console.log(String(null)) //"null"

var strfy = {
      name: undefined,
      age: 20
}
String(strfy); // "[object Object]"
String(new RegExp) // "/(?:)/"
String(new Date) // "Tue Jan 21 2020 15:01:09 GMT+0800 (中国标准时间)"
String(function(){alert(1)}); // "function(){alert(1)}"

3、stringify()

Stringify()方法可以实现竟可能的字符串化，它的健壮性会比String和toString方法良好。同样的可以使用它来实现简单数据的深克隆，但是还是存在一些问题的，比如上述的new RegExp对应是"/(?😃/"，new Date对用是执行后的结果，函数则不会转化

var strfy = {
      name: undefined,
      age: 20
}
console.log(JSON.stringify(strfy)); //{"age":20}
console.log(JSON.stringify(undefined)); //undefined
console.log(JSON.stringify(null)); //null
JSON.stringify(new RegExp);//"{}"
JSON.stringify(new Date);//""2020-01-21T07:07:19.334Z""
JSON.stringify(function(){alert(1)}); //undefined