为什么JavaScript中用数组下标修改字符串会静默失败？

首先先复现问题代码：

var a = 'cat' ;
a[0] = 'r' ;
// 最终 a 的值仍然是 'cat'

这个现象的本质是JavaScript的两个核心特性共同作用的结果：

• 字符串属于不可变的原始值类型
  JavaScript中字符串、数字、布尔值、null、undefined、Symbol、BigInt都属于原始值类型，所有原始值本身都是不可修改的，任何尝试修改原始值的操作都不会生效。
• 原始值的属性访问会触发临时包装对象转换
  你可以用a[0]的方式读取字符串对应下标的字符，是因为当你对原始字符串使用属性/下标访问时，JS引擎会自动创建一个临时的String包装对象，你读到的下标值实际是这个临时对象的属性。
  当你执行a[0] = 'r'的赋值操作时，你修改的只是这个临时生成的String对象的属性，赋值操作完成后这个临时对象就会被立即销毁，完全不会影响到原始的字符串变量，所以不会产生任何修改效果。
• 非严格模式下对只读属性赋值会静默失败
  临时String对象的下标属性默认是不可写的，非严格模式下给只读属性赋值不会抛出异常，只会静默失败。如果开启严格模式，同样的赋值操作会直接抛出TypeError错误提示：

  'use strict';
  var a = 'cat';
  a[0] = 'r'; // 抛出 Uncaught TypeError: Cannot assign to read only property '0' of string 'cat'
  

补充说明：所有JavaScript中修改字符串的内置方法，比如replace、slice、toUpperCase等，本质都是返回一个全新的字符串，不会修改原有原始字符串的值。

内容的提问来源于stack exchange，提问作者Nilay Visharad