大家好！[上节课](__GHOST_URL__/js-102-environment/)我们学会了在控制台里喊话（`console.log`）和弹窗吓人（`alert`），算是和JavaScript混了个脸熟。今天，我们要深入计算机的内存世界，看看数据是怎么存进去、取出来，以及JavaScript里到底有哪些“物种”的数据。

想象一下，你的电脑内存就像一栋巨大的公寓楼，里面有无数的房间（内存单元）。每个房间可以放一些数据，比如数字、文字。但问题来了：你怎么找到这些房间？总不能每次都用钥匙挨个开门找吧？这就需要给房间贴**标签**——这就是变量的作用。

---

## 1. 变量声明：let和const——给数据起个名字

在JavaScript里，要使用变量，得先“声明”一下，告诉系统我要用这个名字了。目前最推荐的方式是使用**`let`**和**`const`**。

### 1.1 let——可以变的量

`let`用来声明一个**可以改变**的变量。就像你有一个存钱罐，今天放10块，明天可以换成20块。

    let age = 18;       // 声明一个变量 age，并赋值为 18
    console.log(age);   // 18
    age = 20;           // 修改变量的值
    console.log(age);   // 20
    

你可以把`let`想象成一个“可擦写的便签”——想贴什么就贴什么，想换就换。

### 1.2 const——不变的常量

`const`用来声明一个**不可改变**的常量。就像你的身份证号，一旦确定，就不能改。

    const PI = 3.14;
    console.log(PI);    // 3.14
    PI = 3.14159;       // 报错！常量不能被重新赋值
    

注意：`const`声明时必须赋值，而且之后不能重新赋值。但如果`const`声明的是一个对象，对象内部的属性是可以修改的——这个等我们学到对象时再细说，现在你只要记住：**简单类型的常量不能改**。

### 1.3 变量命名规则

- 只能包含字母、数字、下划线`_`、美元符号`$`。
- 不能以数字开头。
- 不能是JavaScript的保留字（如`if`、`for`、`function`等）。
- 建议使用驼峰命名法：`myAge`、`userName`、`isStudent`。

**合法命名**：`name`、`age2`、`_private`、`$elem`
**非法命名**：`2age`（数字开头）、`my-name`（短横线是减号）、`class`（保留字）

---

## 2. 关于var——一个老古董的彩蛋

你可能在一些旧教程或代码里看到过`var`，它是JavaScript早期声明变量的方式。现在有了`let`和`const`，我们**基本不再使用`var`**，因为它有一些奇怪的行为（比如变量提升、没有块级作用域），容易造成bug。

你只需要知道：**现代JavaScript开发，一律用`let`和`const`**。至于`var`到底哪里奇怪，我们会在后续课程《执行上下文与作用域链》中揭秘。现在，就当它是一个“历史遗留文物”，看看就好。

---

## 3. 数据类型：JavaScript里的“物种起源”

变量是用来存放数据的，那数据有哪些种类呢？JavaScript中有八种数据类型（七种原始类型+一种引用类型）。咱们先认识这七种“原始居民”（原始类型），引用类型（主要是对象）后面再细讲。

### 3.1 Number（数字）：啥都能算，但偶尔抽风

Number类型包括整数、浮点数，以及一些特殊值：`Infinity`（无穷大）、`-Infinity`（负无穷）、`NaN`（Not a Number，不是数字）。

    let intNum = 42;
    let floatNum = 3.14;
    let infinite = 1 / 0; // Infinity
    let notNumber = 'abc' * 2; // NaN
    

注意：`NaN`很特别，它不等于任何值，包括它自己。判断是不是`NaN`要用`isNaN()`函数。

### 3.2 String（字符串）：文本的容器

字符串是用单引号`'`、双引号`"`或反引号```括起来的文本。反引号是ES6的模板字符串，支持换行和变量插值（用`${}`）。

    let name = '张三';
    let greeting = "你好，";
    let template = `我的名字是${name}，今年${18 + 2}岁。`; // 模板字符串
    

字符串可以相加（拼接），但要注意数字和字符串相加时的隐式转换（后面讲）。

### 3.3 Boolean（布尔值）：要么真，要么假

布尔值只有两个`true`和`false`，用于逻辑判断。

### 3.4 Undefined（未定义）：声明了但没赋值

当一个变量被声明但没有赋值时，它的值就是`undefined`。也可以显式地把变量设为`undefined`，但一般不这么做。

    let x;
    console.log(x); // undefined
    

### 3.5 Null（空）：表示“没有对象”

`null`是一个特殊值，表示“空”、“没有”。它是一个对象（历史遗留问题，`typeof null`返回`"object"`），但通常用来表示“此处不该有值”。

    let y = null;
    console.log(y); // null
    

有趣的是，`null`和`undefined`在相等性上：`null == undefined`是`true`（因为两者都表示“无”），但`null === undefined`是`false`（类型不同）。

### 3.6 Symbol（符号）：独一无二的钥匙

ES6新增的`Symbol`，表示独一无二的值。通常用作对象属性的键，避免命名冲突。每次调用`Symbol()`都会生成一个全新的唯一值。

    let s1 = Symbol();
    let s2 = Symbol();
    console.log(s1 === s2); // false
    

### 3.7 BigInt（大整数）：数大无穷

ES2020引入的`BigInt`，用于表示大于`2^53 - 1`的整数。写法是在数字后面加`n`，或者调用`BigInt()`函数。

    let bigNum = 9007199254740991n; // 最大安全整数是 2^53-1，这个更大
    let another = BigInt('12345678901234567890');
    

---

## 4. 动态类型：今天你是字符串，明天就能变数字

JavaScript是**动态类型**语言，意思是变量的类型不是固定的，可以随时改变。这就像变色龙，根据环境变颜色。

    let something = 'hello'; // 字符串
    something = 42;          // 变成数字
    something = true;        // 变成布尔值
    something = { name: '对象' }; // 变成对象
    

这种灵活性有时很方便，但有时也会带来意想不到的bug。比如：

    let result = '5' + 3; // 结果是 '53'（字符串拼接）
    let result2 = '5' - 3; // 结果是 2（数字运算）
    

这是因为`+`运算符遇到字符串会优先进行拼接，而`-`运算符会尝试把字符串转成数字。这就是所谓的**隐式类型转换**，经常让新手一脸懵逼。

要查看一个变量的当前类型，可以用`typeof`运算符：

    console.log(typeof 42);        // "number"
    console.log(typeof 'hello');   // "string"
    console.log(typeof true);      // "boolean"
    console.log(typeof undefined); // "undefined"
    console.log(typeof null);      // "object" (历史遗留)
    console.log(typeof Symbol());  // "symbol"
    console.log(typeof 123n);      // "bigint"
    

---

## 5. 动手小练习：变量动物园

现在，让我们用刚学的知识做个有趣的练习。打开控制台，一步步操作：

1. 用`const`声明一个变量`myName`，赋值为你的名字。
2. 用`let`声明一个变量`age`，赋值为你的年龄。
3. 用`let`声明一个变量`isStudent`，赋值为`true`。
4. 在控制台打印这三个变量。
5. 尝试把`myName`改为另一个名字，看看会发生什么（提示：会报错，因为`const`不能改）。
6. 把`age`改为你的虚岁，再打印出来。
7. 用`typeof`检查`isStudent`的类型。
8. 声明一个变量`futureJob`，但不赋值，打印它的值和类型。
9. 把`futureJob`赋值为`null`，再次打印值和类型。

做完这些，你应该对变量的声明和基本类型有了直观感受。

---

## 6. 小结与下集预告

今天咱们学到了：

- 用`let`声明可变变量，用`const`声明不可变常量。
- 七种原始数据类型：`number`、`string`、`boolean`、`undefined`、`null`、`symbol`、`bigint`。
- 动态类型和`typeof`运算符。

下节课，我们将学习运算符——让数据“动起来”的工具，包括算术运算、比较、逻辑判断等。你将学会如何让JavaScript帮你做决策，写出真正有“智商”的程序。

记得完成作业，下节课见！

---

**课后作业**：

1. 猜猜下面表达式的结果（然后在控制台验证）：
- `'10' - 5`
- `'10' + 5`
- `true + true`
- `'6' * '3'`

2. 写一段代码，用`prompt`获取用户输入的年龄，然后用`console.log` 打印出“明年你就XX岁了”（其中XX是年龄加1）。注意`prompt`返回的是字符串，需要转换成数字（可以用`Number()`或`parseInt()`）。

[下节课](__GHOST_URL__/js-104-operators/)再见！


第三课：变量与数据类型——让数据在内存里“安家落户”

## 中国医院排行榜

旨在助力学科建设的公益性项目，由独立的第三方医院管理学术机构开展。于每年11月公布上一年度结果，覆盖超过40个临床专科。榜单分为《中国医院专科声誉排行榜》、《中国医院专科综合排行榜》《中国医院排行榜》，来自中华医学会、中国医师协会的超过5000名专家参与评审投票，其结果再结合医院科研投入与产出形成最终榜单。

**中国医院/中国医学院校科技量值**，旨在推动医学学科建设、促进科研成果向临床应用转化的科技量值（STEM）研究，通过持续跟踪医院、医学院校的科技活动及其进展，深入分析反映其科技实力的相关要素，在搭建的指标体系内展开评价，每年发布医院和医学院校的评价结果。其中，医院评价结果分为两部分：一是综合科技量值；二是学科科技量值，涵盖心血管病学、呼吸病学，超过30个临床医学二级学科及部分三级学科。

**医院创新转化排行榜**，为进一步了解国内三甲医院医学科技创新成果转化现状，总结推广医院创新成果转化先进经验，为医院创新发展提供参考支撑。中国医学创新联盟联合国内数十家医院，对全国三甲医院2021年专利情况进行客观分析，在国内率先推出《中国医院创新转化排行榜》。榜单从专利申请量、专利授权量、发明专利申请量、发明专利授权量、PCT申请量、专利转化量六个维度，对全国三级甲等医院进行排名。

**国自然基金立项数据**，依据国家自然科学基金管理的相关法规、条例，国家自然科学基金委员会对已受理的年度基金资助项目申请按程序组织评审，并根据相关条例的规定和专家提出的评审意见，决定予以资助的研究项目，并公布申请人基本情况以及依托单位名称、申请基金资助项目名称、拟资助的经费数额等。

## 网站地址

访问地址：[https://rank.cn-healthcare.com/](https://rank.cn-healthcare.com/)


中国医院及专科声誉排行榜（仅供参考）

## PyExecJS

使Python能够运行JS代码，底层实现方式是：在本地JS环境下运行JS代码。

安装PyExecJS模块：`pip install pyexecjs`

可以选择用Node.js作为JS运行环境，Node.js官网：[https://nodejs.org/](https://nodejs.org/)

验证JS引擎：

## 简单使用

test.js文件： function func(age) { return age + 1 }run.py文件：

execjs.eval可以直接运行JS代码并得到结果：

## PyV8（不推荐）

也可以使用PyV8库在Python中运行JavaScript代码，PyV8提供了对V8 JavaScript引擎的访问。V8 JavaScript引擎是Google开发的JavaScript引擎，也是Chrome浏览器的JavaScript引擎。

对于大多数用户来说，PyExecJS是一个更好的选择。它安装和配置简单，文档和示例丰富，支持多种JavaScript引擎。虽然它的速度和性能不如PyV8，但对于大多数应用来说已经足够了。

如果需要运行速度快、性能好的JavaScript代码，并且需要使用最新的JavaScript语法和特性，那么可以使用PyV8。但是，需要做好安装和配置复杂的准备。

PyV8网址：https://pypi.org/project/PyV8/。年久失修，最新版本是2010年的，不推荐使用。

另外，PyMiniRacer同样是V8引擎的包装，是一个比较新的库，继任了PyExecJS和PyV8。

其他不建议使用的库：

- Js2Py


Python利用PyExecJS模块执行JS代码

## cURL

以谷歌浏览器为例：

1. 在网页内右键【检查】，选择【Network】
2. 右键单击某个请求， 点击"Copy" → "Copy as cURL (bash)"

## curlconverter

可以将cURL命令转换为Python/Javascript/PHP等[爬虫](__GHOST_URL__/tag/crawler/)代码，非常的实用。

在cURL页面中，粘贴复制的cURL命令，页面会自动生成相应的爬虫代码。

注意：复制的cURL命令可能包含cookies或其他敏感数据。如果与他人分享命令，请务必小心，向某人发送cookies就像向他们发送密码一样。

## 网站地址

官网：[https://curlconverter.com/](https://curlconverter.com/)


curlconverter-将cURL命令转换为Python/JavaScript/PHP爬虫代码

## 现象

如果你使用浏览器可以正常访问，但是换成代码访问的话，即使携带相同的参数，也会请求失败，获取到的数据是非正常数据，那么你可能遇到了TLS指纹校验。

## TLS指纹

现在绝大多数的网站都已经使用了HTTPS（HTTP + SSL/TLS），要建立HTTPS链接，服务器和客户端之间首先要进行TLS/SSL握手（TLS是SSL 3.0的后继者，现已成为标准），在握手过程中交换双方支持的TLS版本，加密算法等信息。

不同客户端之间的差异很大，而且一般这些信息还都是稳定的，所以服务端就可以根据TLS的握手信息来作为特征，识别一个请求是普通的用户浏览器访问，还是来自Python脚本等的自动化访问。

JA3是生成TLS指纹的一个常用算法。它的工作原理也很简单，大概就是把以上特征拼接生成MD5。TLS指纹，也有人叫JA3指纹。

知道了TLS指纹的原理，那就有了绕过TLS指纹校验的大致思路：

- 修改指纹信息，使生成的MD5发生变化
- 直接模拟浏览器指纹

## 查看指纹信息

### 通过网站查看

- [https://tls.browserleaks.com/json](https://tls.browserleaks.com/json)
- [https://tls.peet.ws/](https://tls.peet.ws/)

ja3_hash就是浏览器的指纹信息。

### 通过工具查看

Wireshark是非常流行的网络封包分析软件，简称小鲨鱼，功能十分强大。可以截取各种网络封包，显示网络封包的详细信息。

Wireshark官网：[https://www.wireshark.org/](https://www.wireshark.org/)

选择要捕获的网卡，接着在过滤栏设置过滤条件进行数据包列表过滤，如筛选目标IP：`ip.dst_host==115.155.81.93`。

点击Info列显示Client Hello所在行这个数据包，找到「Transport Layer Security」点击它，展开再展开，拉到最下边找到 [JA3: bc0f30896620d2820b102005d763d1e5]，就是浏览器的指纹信息MD5。

[JA3 Fullstring] 分别对应：TLS Version, Cipher Suites, Extensions, supported_groups, ec_point_formats。

## 如何绕过

### 非法指纹黑名单

直接修改Client Hello包Ciphers里的值。 import httpx import ssl

# 创建SSL上下文

ssl_context = ssl.create_default_context()
CIPHERS = ":".join(
["DH+AES", "RSA+AESGCM", "RSA+AES", "!aNULL", "!eNULL", "!MD5", "!DSS"]
)
ssl_context.set_ciphers(CIPHERS)

url = "https://match.yuanrenxue.cn/api/match/19"
r = httpx.get(url, verify=ssl_context)
print(r.text)

不同TLS版本对应的套接字可参考：[https://support.huaweicloud.com/bestpractice-waf/waf_06_0012.html](https://support.huaweicloud.com/bestpractice-waf/waf_06_0012.html)

### 合法指纹白名单

Python目前只能改Ciphers里面的算法套件，来生成非默认的JA3指纹，然后骗过检测不太严格的反爬机制。

对于校验更严格的反爬机制，需用到一个第三方库：curl_cffi。（

GitHub仓库地址：[https://github.com/yifeikong/curl_cffi](https://github.com/yifeikong/curl_cffi)

from curl_cffi import requests # url = https://ascii2d.net/ # url = https://cn.investing.com/equities/amazon-com-inc-historical-data url = "https://match.yuanrenxue.cn/api/match/19" # impersonate参数指定模拟哪个浏览器 r = requests.get(url, impersonate="chrome101") print(r.text)


Python爬虫TLS指纹校验原理底层剖析和绕过 模拟浏览器TLS/JA3指纹库curl_cffi

这里是 aboss.top 的自留地。写了十几年野路子代码，攒了些摸爬滚打的经验，做成系列课程慢慢讲；也留了一小块地方，记记代码之外的胡思乱想。