[JavaScript]什么是魔术字符串？

在读 ECMAScript 6 入门这本书时，看到一个术语叫做“魔术字符串”。

其中对“魔术字符串”的诠释是：

魔术字符串指的是，在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。风格良好的代码，应该尽量消除魔术字符串，改由含义清晰的变量代替。

 

如果不是看过源码，这个术语的确让人费解。所以用代码的形式来解释这个术语，更为直观和易懂。

function getResults(param{
	if(param == 'name'){
		// ...
	}
}
// 函数中赋值 'name',所以 'name' 这个字符串就是魔术字符串
getResults('name')

 

代码中其实这种写法很常见，比如获取后端接口回调的时候

{
	code: 200,
	data: {
		user: '噢嚯',
		id: 10086,
	}
}

.then((res) => {
	if(res.code == 200) {
		this.user = res.data.user
	}
})

 

尽管这是一种不太好的代码书写习惯，但是现在你觉得该怎样用通俗的话来诠释什么是“魔术字符串”？

 

当字符串与代码融合在一起并多次出现，就与代码形成了“强耦合”，不利于将来的修改和维护。

常用的消除魔术字符串的方法，就是把它写成一个变量：

const data = 'name'

function getResults(param{
	if(param == data){
		// ...
	}
}
// 设置成变量，更有利于代码日后的维护与修改
getResults(data)