JavaScript中将表达式转换为字符串时会调用toString()方法，没看明白

Question

书上写的JavaScript中将表达式转换为字符串时会调用toString()方法，我没看明白，就自己试了下，这四个例子的输出结果我没看懂，请问可以解惑一下吗，toString，tostring结果差这么多吗？不都是对象里面的键吗？感觉怎么和内置的toString()起了关联？
let foo={toString:()=>'World'};
console.log(Hello, ${foo});
执行结果是Hello,World

let foo={tostring:()=>'World'};
console.log(Hello, ${foo});
执行结果是Hello,[object Object]

let foo={tostring:‘World’};
console.log(Hello, ${foo});
执行结果是Hello,[object Object]

let foo={toString:‘World’};
console.log(Hello, ${foo});
执行结果是报错 Uncaught TypeError: Cannot convert object to primitive value

console.log里面有反引号，好像被系统给弄了看不见了。

Answer 1

你的猜测没错，原型、原型链应该要去了解一下，对象的顶层Object 而Object的prototype原型对象有个内置toString方法 而你在定义对象时手动添加了toString方法则会屏蔽掉原型上的toString方法
不知道你有没有听过有一种方法判断引用类型 就是使用Object.prototype.toString.call 可以区分各种类型

Object.prototype.toString.call([]) // "[object Array]"

Object.prototype.toString.call({}) // "[object Object]"
Object.prototype.toString.call(function(){}) // "[object Function]"