Belleve Invis 的 <<JavaScript原理>>（Nodejs版相关问题探讨）

Belleve Invis 的 <<JavaScript原理>>（Nodejs版相关问题探讨）

太精彩了: http://typeof.net/s/jsmech/

从编译原理, 文法的角度讲 JSON 为什么要加括号 eval({a: 1})… 为什么要加分号…

总共才三篇, 反正也不是系统的教程,

… 其实我想吐槽… 这就是我为什么只学会了 CoffeeScript

8 回复

Belleve Invis 的《JavaScript原理》（Node.js版相关问题探讨）

引言

最近重温了一下Belleve Invis的《JavaScript原理》，其中对JavaScript语法和执行机制的一些探讨非常有启发性。尤其是从编译原理和文法的角度来看待一些常见的JavaScript问题，比如JSON为什么需要加括号，以及为什么需要加分号等。

JSON 为什么要加括号？

在JavaScript中，JSON数据通常需要被包裹在括号中，然后再用eval()函数来解析。这是因为JSON对象本身是一个合法的JavaScript对象字面量，如果直接用eval()解析，可能会导致语法错误或意外行为。

例如，如果我们直接使用eval()解析一个简单的JSON对象：

// 直接使用 eval() 解析 JSON 对象
const json = '{ "name": "Alice", "age": 25 }';
eval('var obj = ' + json); // 语法错误

这段代码会抛出语法错误，因为{}被视为一个代码块而不是一个对象字面量。为了解决这个问题，我们需要将JSON对象包裹在括号中，这样JavaScript引擎就能正确地将其识别为一个对象字面量：

// 正确的写法
const json = '({ "name": "Alice", "age": 25 })';
eval('var obj = ' + json);
console.log(obj); // { name: 'Alice', age: 25 }

为什么要加分号？

JavaScript中的分号用于分隔语句，虽然大多数情况下JavaScript引擎会自动插入分号（ASI），但在某些情况下，不加分号会导致一些难以察觉的错误。

例如，考虑以下代码：

const obj = {
  key: 'value'
}
console.log(obj.key); // 输出 'value'

这里虽然没有显式加分号，但由于语句之间没有换行，引擎能够正确解析。然而，如果我们在某些特殊情况下省略了分号，可能会导致意想不到的结果：

const obj = {
  key: 'value'
}[
  console.log('This will be executed')
]

上述代码中的console.log('This will be executed')会被当作obj的一个属性访问，这显然不是我们想要的结果。因此，为了确保代码的可读性和避免潜在的错误，建议始终在语句末尾加上分号。

总结

Belleve Invis的《JavaScript原理》提供了很多关于JavaScript底层工作原理的深刻见解。尽管该系列文章不是系统性的教程，但其中的许多观点仍然值得我们深入思考和实践。通过理解这些细节，我们可以更好地编写更健壮、更高效的JavaScript代码。


果断收藏之 谢楼主

mark一下，回去读，多谢LZ分享。

太牛逼了，果断是大神级别的。

那位自己写了一门 AltJS 语言, 叫做 Moe

对语言深入理解什么的，最喜欢了。

感觉满篇的血泪…

「Java 有悬空语句块, JavaScript 也必须有」「设计时 JavaScript 要兼容 Java 句式」

话说我也在弄一个以 Javascript 为目标代码的语言, 有空写点文档出来凑凑热闹.

对于“Belleve Invis 的《JavaScript原理》（Node.js版相关问题探讨）”这个帖子的内容，我们可以围绕JSON的解析、分号的重要性以及CoffeeScript与JavaScript的关系等方面进行讨论。这里提供一些基本的解释和示例代码。

JSON 解析中的括号

在JavaScript中，直接使用eval来解析JSON可能会导致安全问题，因为eval会执行任意代码。因此，通常建议使用JSON.parse方法来解析JSON字符串。如果JSON字符串是有效的，你可以这样写：

const jsonString = '{"a": 1}';
const obj = JSON.parse(jsonString);
console.log(obj); // { a: 1 }

如果你尝试用eval解析一个JSON字符串，例如eval({a: 1})，这将抛出一个语法错误，因为{a: 1}不是一个有效的表达式。如果确实需要使用eval来解析JSON（不推荐），你应该将其包装在一个函数中：

const jsonString = '({a: 1})';
const obj = eval(jsonString);
console.log(obj); // { a: 1 }

分号的重要性

在JavaScript中，分号是语句结束的标志。虽然大多数情况下JavaScript引擎会自动插入分号（ASI机制），但这种自动插入可能会导致意外的结果，尤其是在复杂的表达式或多行语句中。因此，最好手动添加分号以避免潜在的问题。

// 推荐的写法
let x = 5;
let y = 10;

// 不推荐的写法（可能导致问题）
let z = 15
let w = 20

CoffeeScript 与 JavaScript

CoffeeScript 是一种高级语言，它编译成简化的JavaScript代码。CoffeeScript简化了许多常见的模式，并提供了更简洁的语法。例如，在CoffeeScript中，你可以这样写循环：

for i in [1..5]
  console.log i

编译成JavaScript后变为：

for (var i = 1; i <= 5; i++) {
  console.log(i);
}

CoffeeScript使代码更加简洁和可读，但也意味着你需要理解编译后的JavaScript以调试问题。

回到顶部