LinkedIn认证script标签非标准JS？其语法合法性与工作原理解析

嘿，这个问题我太有共鸣了——LinkedIn官方那堆SDK示例代码确实容易让人看得一脸懵，完全不像我们熟悉的标准JavaScript！我来给你拆解清楚：

一、这种奇怪语法的工作机制 #

首先要明确：这段标签内的内容根本不是给浏览器的JavaScript引擎执行的，而是LinkedIn自己的in.js脚本专门读取解析的自定义配置格式。

举个官方常见的“迷惑示例”：

<script type="text/javascript" src="https://platform.linkedin.com/in.js">
  api_key: YOUR_CLIENT_ID
  authorize: true
  onLoad: onLinkedInLoad
  // 甚至可能带个多余的()占位符
</script>

当浏览器加载这个<script>标签时，LinkedIn的远程脚本in.js会找到当前这个<script>元素，读取它内部的文本内容，然后用自己的解析逻辑处理这些键值对：

• 它会把每行的key: value格式转换成对应的配置项
• 忽略掉多余的括号、换行，甚至不需要逗号分隔
• 最终用这些配置初始化SDK的认证、加载逻辑

简单说：这段文本是给LinkedIn SDK“读”的，不是给浏览器“执行”的，所以它不需要符合标准JS语法。

二、它是不是合法的text/javascript脚本？ #

严格来说：不是标准的ECMAScript语法，但浏览器不会报错，也不影响SDK工作。

原因是：

1. 浏览器遇到type="text/javascript"的<script>标签时，会尝试把内部内容当作JS解析，但如果解析失败（比如这种非标准的键值对），只会静默失败，不会抛出错误
2. LinkedIn的SDK根本不依赖浏览器解析这段内容，而是自己读取文本做处理，所以即使语法不合法，也不影响功能

但如果你把这段内容单独拿出来当作JS执行，肯定会直接报错——因为它不符合变量声明、对象字面量等任何JS语法规则。

三、更规范的写法（避免迷惑） #

如果你想写符合标准JS语法的配置，其实可以用对象字面量的形式，LinkedIn的SDK同样能解析：

<script type="text/javascript" src="https://platform.linkedin.com/in.js">
  {
    "api_key": "YOUR_FICTIONAL_CLIENT_ID",
    "authorize": true,
    "onLoad": onLinkedInLoad
  }
</script>

这种写法既符合JS语法，又能被LinkedIn SDK正确识别，还不会让其他开发者看得一头雾水。

内容的提问来源于stack exchange，提问作者rm.rf.etc