ToLocaleDateString() 方法是 JavaScript 内置对象 Date 的一个方法，它用于将日期转换为本地化字符串。这个方法是前端开发中比较常用的一部分。
然而，在 IE11 中，ToLocaleDateString() 方法存在一个不同寻常的问题。当你在 IE11 中使用 ToLocaleDateString() 方法时，你可能会遇到一些异常行为，如下面的代码示例所示：
const date = new Date('2021/09/01');
console.log(date.toLocaleDateString('zh-CN')); // "2021年9月1日"在其他现代浏览器上，上述代码会返回一个格式为 2021年9月1日 的字符串。但是在 IE11 上，你会得到一个格式为 2021/9/1 的字符串。问题出在哪里呢？
原因
根据 MDN 文档，toLocaleDateString() 方法接受一个可选参数 options，这个参数可以用来控制输出的字符串格式。在 IE11 中，如果你省略了 options 参数，则默认使用 'undefined' 作为 options 参数值，这会导致 toLocaleDateString() 方法返回一个不同于预期的、错误的结果。
解决这个问题的方法很简单：只要将 options 参数显式设置为 {} 即可。下面是修改后的代码示例：
const date = new Date('2021/09/01');
console.log(date.toLocaleDateString('zh-CN', {})); // "2021年9月1日"现在，无论你在哪个浏览器上运行代码，都会得到正确的结果。
学习和指导意义
这个问题虽然看起来很小，但是它却揭示了前端开发中一个重要的原则：代码要写的更加严谨和健壮。即使在一些老旧的浏览器中，我们也需要编写能够正常工作的代码。
因此，在编写 JavaScript 代码时，我们应该注意以下几点：
- 不要忽略可选参数，它们可能对函数的行为产生重大影响；
- 尽可能使用标准化的 API，而不是依赖特定浏览器的实现；
- 在进行跨浏览器测试时，要覆盖尽可能多的场景，以确保你的代码可以在各种浏览器和环境中正常工作。
总之，学习和掌握这些原则将有助于提高你的程序质量和开发效率。
示例代码
const date = new Date('2021/09/01');
// 错误示例：在 IE11 中会输出错误的结果
console.log(date.toLocaleDateString('zh-CN'));
// 正确示例：显式设置 options 参数，可以正常在所有浏览器中工作
console.log(date.toLocaleDateString('zh-CN', {}));来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27789