add code tab in _zh-cn/overviews/scala3-book/fp-immutable-values.md

Author: benluo

_zh-cn/overviews/scala3-book/fp-immutable-values.md

@@ -28,44 +28,64 @@ permalink: "/zh-cn/scala3/book/:title.html"
 例如，假设你有一个名字列表——一个 `List[String]`——都是小写的，你想找到所有以字母 `"j"` 开头的名字，并且把找出来的名字大写。
 在 FP 中，您编写以下代码：
 
+{% tabs fp-list %}
+{% tab 'Scala 2 and 3' %}
 ```scala
 val a = List("jane", "jon", "mary", "joe")
 val b = a.filter(_.startsWith("j"))
          .map(_.capitalize)
 ```
+{% endtab %}
+{% endtabs %}
 
 如图所示，您不会改变原始列表 `a`。
 相反，您将过滤和转换函数应用于 `a` 以创建一个新集合，并将该结果分配给新的不可变变量 `b` 。
 
 同样，在 FP 中，您不会创建具有可变 `var` 构造函数参数的类。
 也就是说，你不要这样写：
 
+{% tabs fp--class-variables %}
+{% tab 'Scala 2 and 3' %}
 ```scala
 // don’t do this in FP
 class Person(var firstName: String, var lastName: String)
              ---                    ---
 ```
+{% endtab %}
+{% endtabs %}
 
 相反，您通常创建 `case` 类，其构造函数参数默认为 `val`：
 
+{% tabs fp-immutable-case-class %}
+{% tab 'Scala 2 and 3' %}
 ```scala
 case class Person(firstName: String, lastName: String)
 ```
+{% endtab %}
+{% endtabs %}
 
 现在你创建一个 `Person` 实例作为 `val` 字段：
 
+{% tabs fp-case-class-creation %}
+{% tab 'Scala 2 and 3' %}
 ```scala
 val reginald = Person("Reginald", "Dwight")
 ```
+{% endtab %}
+{% endtabs %}
 
 然后，当您需要对数据进行更改时，您可以使用 `case` 类附带的 `copy` 方法来“在制作副本时更新数据”，如下所示：
 
+{% tabs fp-case-class-copy %}
+{% tab 'Scala 2 and 3' %}
 ```scala
 val elton = reginald.copy(
   firstName = "Elton",   // update the first name
   lastName = "John"      // update the last name
 )
 ```
+{% endtab %}
+{% endtabs %}
 
 还有其他处理不可变集合和变量的技术，但希望这些示例能让您尝试一下这些技术。