34:["$","title",null,{"children":"Learning Observable 5：JavaScript and Observable | Xin Li | Observable"}] 3c:[] 38:{"id":"43bc503c78a1dada","slug":"learning-observable-5-javascript-and-observable","title":"Learning Observable 5：JavaScript and Observable","thumbnail":"4e6066f2f02c541dfd849963395b44996f91758b4a0d9f19918323d1480c3509","access_level":"public","create_time":"$D2021-11-12T03:20:35.478Z","update_time":"$D2021-11-12T06:15:52.357Z","view_time":null,"first_public_time":"$D2021-11-12T06:16:47.540Z","has_unpublished_edits":null,"fork":{"id":"56f6af48322d52e3","slug":"javascript-observable","title":"JavaScript and Observable","owner":{"id":"c8d301856d7f6ece","login":"1901010219","name":"黄天宇"}},"stars":1,"starred":false,"owner":{"type":"team","id":"fd6705dc39f6f121","login":"lixin","name":"Xin Li","avatar_url":"https://avatars-next.observableusercontent.com/c4505b020f27848af3d300a6bb0a4ca758506e915d868c14f623c1185c3c5e4b","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":137,"publish_version":137,"role":null,"authored":false,"authors":[{"type":"individual","id":"cdd2fcc7636494f4","login":"lixin","name":"Xin Li","avatar_url":"https://avatars-next.observableusercontent.com/c4505b020f27848af3d300a6bb0a4ca758506e915d868c14f623c1185c3c5e4b","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"cdd2fcc7636494f4","login":"lixin","name":"Xin Li","avatar_url":"https://avatars-next.observableusercontent.com/c4505b020f27848af3d300a6bb0a4ca758506e915d868c14f623c1185c3c5e4b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":{"id":"0a1ec3da0382feaa","slug":"learning-observable/2","title":"Learning Observable","owner":{"id":"fd6705dc39f6f121","login":"lixin","name":"Xin Li"}},"type":"notebook","body":{"titling":"auto","title":"Learning Observable 5：JavaScript and Observable","cells":[{"id":0,"value":"# **Learning Observable 5：JavaScript and Observable**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"Observable notebooks 由 JavaScript 提供支持；每个单元格都是一段 JS 代码。但是我们对语言进行了一些小的更改以启用响应式数据流。在这段视频中，作者深入探讨了在Observable notebooks中编写JavaScript的一些问题。\n\n**请参阅下面的notebook：**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"---\n资源和进一步阅读：\n- ⚠️ [Observable's not JavaScript](https://observablehq.com/@observablehq/observables-not-javascript)\n\n- 📩 [要求介绍](https://observablehq.com/@observablehq/require)\n\n- 🐞 [模块需求调试](https://observablehq.com/@observablehq/module-require-debugger)\n\n- 👃 [ \"Observable anti-patterns and code smells\" by Tom MacWright](https://observablehq.com/@tmcw/observable-anti-patterns-and-code-smells)\n\n- 🐍 [\"JavaScript for Python Programmers\" by Thomas Ballinger](https://observablehq.com/@ballingt/javascript-for-python-programmers)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"\"hello\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"[1,2,3]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"({ \"item\": \"banana\", \"price\": 10.00 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"2 * 3 === 6","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"function hiya() {\n return \"hello world\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"hiya()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"hello = new Promise((resolve) => setTimeout(() => resolve(\"hi\"), 1000))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"hello.toUpperCase()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"md`## 基于 Markdown 的 ${language}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"language = \"Observable\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"scream = {\n let a = 5;\n let string = \"\";\n for (let i = 0; i < a; i++) {\n string += \"a\";\n yield string;\n }\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"scream","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"o = {\n let o = 0;\n while (true) {\n if (o >= 1) { o = 0; }\n yield o;\n o += 0.01;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"html`

blink

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"d3.range(0,10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"html`Next`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3c","stdlib":"1"}} 33:null