Repository: rainyear/javascript-in-one-pic Branch: master Commit: ffeeeac73e65 Files: 12 Total size: 514.8 KB Directory structure: gitextract_63t173vo/ ├── LICENSE ├── README-es_MX.md ├── README-pt_BR.md ├── README-zh.md ├── README-zh_TW.md ├── README.md ├── js in one pic.mindnode/ │ ├── contents.xml │ ├── style.mindnodestyle/ │ │ ├── contents.xml │ │ └── metadata.plist │ └── viewState.plist ├── js in one pic.mm └── js in one pic.opml ================================================ FILE CONTENTS ================================================ ================================================ FILE: LICENSE ================================================ The MIT License (MIT) Copyright (c) 2015 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README-es_MX.md ================================================ # Javascript en una imagen [ Idiomas: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) ## Versión en linea [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) ### TODO - [ ] Syntax highlight ## Color de notas ![no recomendado](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg) ![importante](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg) ![advertencia](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg) ## Vista previa ![js in one pic](js%20in%20one%20pic.png) ## Acerca de este proyecto La intención original de este proyecto era anotar la sintaxis y conceptos básicos de Javascript para uso personal,también utilizarlo como material para enseñar al mismo tiempo. La eficacia de usar un diagrama [Mind map](https://en.wikipedia.org/wiki/Mind_map) para resumir un lenguaje de programación es totalmente inesperado, es como un manual que habla de Javascript, lleno de detalles de la sintaxis. Con una sola imagen / archivo, los programadores que utilizan Javascript no sólo pueden tener una visión general de todo el lenguaje,sino también podrían encontrar ejemplos prácticos relacionades con la sintaxis de una forma rápida. El diagrama original es dibujado con [Mindnode](https://mindnode.com/) y se exporta a archivos PDF / PNG / OPML junto con un archivo * .mm que se puede editar con FreeMind, otro archivo SVG se publicará después de que todo el proyecto esté terminado [issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)). Además de Javascript, las versiones de Python3 y Golang están en camino. Si encuentras este proyecto útil, considera hacer una donación con [bitcoins](https://www.coinbase.com/rainyear) u [otra medio](https://github.com/rainyear/lolita/wiki/Donation) :beers: ## Proyectos relacionados * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) * Go in one pic (en proceso) ## TODO - [X] Function(basic) - inside function: arguments, return; - [X] Function - as value: callback; - [X] Function - methods: apply/call/bind; - [X] Array - methods: map/reduce; - [X] Object(OOP) - constructor, properties; - [X] Object(OOP) - inheritance; - [X] Scope; - [X] Function - closures; - [ ] Operators - bitwise; - [X] Flow control - try/catch; - [ ] ES6; ## Referencias 1. [Professional JavaScript for Web Developers](http://www.amazon.cn/gp/offer-listing/1118026691/ref=tmm_pap_new_olp_sr?ie=UTF8&condition=new&sr=&qid=) 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) ## Licencia Ver el archivo [LICENSE](LICENSE) para conocer los derechos y limitantes de la licencia (MIT). ================================================ FILE: README-pt_BR.md ================================================ # Javascript em uma imagem [ Idiomas: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) ## Versão on-line [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) ### TODO - [ ] Syntax highlight ## Legenda de cores ![not recommended](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg) ![important](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg) ![warning](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg) ## Preview ![js in one pic](js%20in%20one%20pic.png) ## Sobre este projeto A intenção original do projeto foi de anotar a sintaxe e conceitos básicos do Javascript para uso pessoal, também usado como um plano de estudos para o ensino ao mesmo tempo. A eficácia do uso de um diagrama [Mind map](https://en.wikipedia.org/wiki/Mind_map) para resumir uma linguagem de programação é totalmente inesperada. Ele se parece com um catálogo de manual falando de Javascript e cheio de detalhes da sintaxe. Com uma única imagem/arquivo, os programadores Javascript podem ter não apenas uma visão geral de toda a linguagem, mas também podem localizar exemplos práticos da sintaxe mais rapidamente. O diagrama mindmap original é desenhado com [Mindnode](https://mindnode.com/) e exportado para arquivos PDF/PNG/OPML juntamente com um arquivo `*.mm` que pode ser editado com [FreeMind](http://freemind.sourceforge.net). Outro arquivo SVG será lançado depois que o projeto estiver finalizado. ([issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)). Adicionalmente ao Javascript, versões Python3 e Golang estão a caminho! Se você achou este projeto útil, por favor, considere fazer uma doação em [bitcoins](https://www.coinbase.com/rainyear) ou [outro meio](https://github.com/rainyear/lolita/wiki/Donation) :beers: ## Projetos relacionados * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) * Go in one pic (em preparação) ## TODO - [X] Function(basic) - inside function: arguments, return; - [X] Function - as value: callback; - [X] Function - methods: apply/call/bind; - [X] Array - methods: map/reduce; - [X] Object(OOP) - constructor, properties; - [X] Object(OOP) - inheritance; - [X] Scope; - [X] Function - closures; - [ ] Operators - bitwise; - [X] Flow control - try/catch; - [ ] ES6; ## Referências 1. [Professional JavaScript for Web Developers](http://www.amazon.cn/gp/offer-listing/1118026691/ref=tmm_pap_new_olp_sr?ie=UTF8&condition=new&sr=&qid=) 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) ## Licença Veja o arquivo [LICENSE](LICENSE) sobre direitos e limitações de licenciamento (MIT). ================================================ FILE: README-zh.md ================================================ # Javascript in one pic [ 语言: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) ## 颜色标记 ![not recommended](https://img.shields.io/badge/%237E1600-不推荐使用-7E1600.svg) ![important](https://img.shields.io/badge/%234E8D20-重要-4E8D20.svg) ![warning](https://img.shields.io/badge/%23DE2B00-注意-DE2B00.svg) ## 预览 ![js in one pic](js%20in%20one%20pic.png) ## 关于本项目 随着学习与使用的编程语言越来越多，在不同语言之间切换时可能混淆一些语法的细节。开始本项目的初衷是作为教初学者朋友学习Javascript的课程大纲，以及作为笔记重新梳理相关的语法和基本概念，后来发现采用脑图（[Mind map](https://en.wikipedia.org/wiki/Mind_map)）的形式来总结一门语言的概况非常有效，这种树状图形看起来更像是将一本介绍Javascript编程书的目录部分从细节上进行扩充，不但可以从宏观上把握这门语言的概况，也可以非常快速地定位到某些实用的语法细节。本项目采用[Mindnode](https://mindnode.com/)制作，同时也导出了PDF、PNG、OPML以及可以用开源脑图软件[FreeMind](http://freemind.sourceforge.net)进行编辑的`*.mm`文件，项目全部完成后也将提供SVG格式（[issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)）。 本项目可能并不适合无编程经验的新手在无人指导的情况下独自学习，对于拥有其它编程经验的Javascript新手则可以作为学习提纲使用，而对于有经验的Javascript编程人员则更适合当做语法手册查阅，建议将PDF文件打印下来贴到电脑旁边:D。 除本项目外，Python3与Go语言版本也正在准备中，至于其它语言，欢迎有兴趣和能力的同学继续添加，如果你觉得本项目对你有所帮助，欢迎通过bitcoin或其它方式[慷慨赞助](https://github.com/rainyear/lolita/wiki/Donation)，非常感谢！ ## 相关项目 * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) * Go in one pic (准备中) ## TODO - [X] Function(basic) - inside function: arguments, return; - [X] Function - as value: callback; - [X] Function - methods: apply/call/bind; - [X] Array - methods: map/reduce; - [X] Object(OOP) - constructor, properties; - [X] Object(OOP) - inheritance; - [X] Scope; - [X] Function - closures; - [ ] Operators - bitwise; - [X] Flow control - try/catch; - [ ] ES6; ## 参考 1. [Professional JavaScript for Web Developers](http://www.amazon.cn/gp/offer-listing/1118026691/ref=tmm_pap_new_olp_sr?ie=UTF8&condition=new&sr=&qid=) 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) ## License See the [LICENSE](LICENSE) file for license rights and limitations (MIT). ================================================ FILE: README-zh_TW.md ================================================ # Javascript in one pic - online [ 語言: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) ## 線上版本 [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) ### 待辦事項 - [ ] Syntax highlight ## 顏色註明 ![not recommended](https://img.shields.io/badge/%237E1600-不推薦-7E1600.svg) ![important](https://img.shields.io/badge/%234E8D20-重要-4E8D20.svg) ![warning](https://img.shields.io/badge/%23DE2B00-注意-DE2B00.svg) ## 預覽 ![js in one pic](js%20in%20one%20pic.png) ## 關於本專案 隨著學習與使用的程式設計語言越來越多，在不同語言之間切換時可能混淆一些語法的細節。開始本專案的初衷是作為教初學者朋友學習 Javascript 的課程大綱，以及作為筆記重新梳理相關的語法和基本概念，後來發現採用心智圖（[Mind map](https://en.wikipedia.org/wiki/Mind_map)）的形式來總結一門語言的概況非常有效，這種樹狀圖形看起來更像是將一本介紹 Javascript 程式設計書的目錄部分從細節上進行擴充，不但可以從宏觀上把握這門語言的概況，也可以非常快速地定位到某些實用的語法細節。本專案採用 [Mindnode](https://mindnode.com/) 製作，同時也匯出了 PDF、PNG、OPML 以及可以用開源心智圖軟體[FreeMind](http://freemind.sourceforge.net)進行編輯的`*.mm`檔，專案全部完成後也將提供 SVG 格式（[issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)）。 本專案可能並不適合無程式設計經驗的新手在無人指導的情況下獨自學習，對於擁有其它程式設計經驗的 Javascript 新手則可以作為學習提綱使用，而對於有經驗的 Javascript 程式設計人員則更適合當做語法手冊查閱，建議將 PDF 檔列印下來貼到電腦旁邊:D。 除了 javascript 的版本以外，Python3 與 Go 語言版本也正在準備中，至於其它語言，歡迎有興趣和能力的同學繼續補充，如果你覺得本專案對你有所幫助，歡迎透過 bitcoin 或其它方式[慷慨贊助](https://github.com/rainyear/lolita/wiki/Donation)，非常感謝！ ## 相關專案 * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) * Go in one pic (準備中) ## TODO - [X] Function(basic) - inside function: arguments, return; - [X] Function - as value: callback; - [X] Function - methods: apply/call/bind; - [X] Array - methods: map/reduce; - [X] Object(OOP) - constructor, properties; - [X] Object(OOP) - inheritance; - [X] Scope; - [X] Function - closures; - [ ] Operators - bitwise; - [X] Flow control - try/catch; - [ ] ES6; ## 參考資料 1. [Professional JavaScript for Web Developers](http://www.amazon.cn/gp/offer-listing/1118026691/ref=tmm_pap_new_olp_sr?ie=UTF8&condition=new&sr=&qid=) 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) ## 相依性 [Javascript version of mind mapping](https://github.com/hizzgdev/jsmind) ## License See the [LICENSE](LICENSE) file for license rights and limitations (MIT). ================================================ FILE: README.md ================================================ # Javascript in one pic [ Languages: [English](README.md), [中文](README-zh.md), [正體中文](README-zh_TW.md), [Português](README-pt_BR.md), [Español](README-es_MX.md) ] [![Gitter chat button](https://img.shields.io/badge/gitter-Join%20Chat-brightgreen.svg)](https://gitter.im/coodict/javascript-in-one-pic) [![BitCoin donate button](https://img.shields.io/badge/bitcoin-donate-yellow.svg)](https://www.coinbase.com/rainyear) ## Online version [Online Mindmap](http://coodict.github.io/javascript-in-one-pic/) ### TODO - [ ] Syntax highlight ## Color notes ![not recommended](https://img.shields.io/badge/%237E1600-not%20recommended-7E1600.svg) ![important](https://img.shields.io/badge/%234E8D20-important-4E8D20.svg) ![warning](https://img.shields.io/badge/%23DE2B00-warning-DE2B00.svg) ## Preview ![js in one pic](js%20in%20one%20pic.png) ## About this project The original intent of this project was to note down the syntax and basic concepts of Javascript for personal use, also used as a syllabus for teaching at the same time. The effectiveness of using a [Mind map](https://en.wikipedia.org/wiki/Mind_map) diagram to summarize a programming language is totally unexpected, it looks like a catalogue of handbook talking about Javascript and filled with syntax details. With a single picture/file, Javascript programmers can not only have a overview of the whole picture of this language, but also could locate to practical syntax examples ASAP. The original mindmap diagram is drawn with [Mindnode](https://mindnode.com/) and exported to PDF/PNG/OPML files along with a `*.mm` file which can be edited with [FreeMind](http://freemind.sourceforge.net), another SVG file will be released after the whole project is finished([issues #9](https://github.com/coodict/javascript-in-one-pic/issues/9)). In addition to Javascript, Python3 & Golang versions are on the way! If you find this project helpful, please consider making a donation with [bitcoin](https://www.coinbase.com/rainyear) or [other way](https://github.com/rainyear/lolita/wiki/Donation) :beers: ## Related projects * [Python3 in one pic](https://github.com/coodict/python3-in-one-pic) * Go in one pic (in preparation) ## TODO - [X] Function(basic) - inside function: arguments, return; - [X] Function - as value: callback; - [X] Function - methods: apply/call/bind; - [X] Array - methods: map/reduce; - [X] Object(OOP) - constructor, properties; - [X] Object(OOP) - inheritance; - [X] Scope; - [X] Function - closures; - [ ] Operators - bitwise; - [X] Flow control - try/catch; - [ ] ES6; ## References 1. [Professional JavaScript for Web Developers](http://www.amazon.cn/gp/offer-listing/1118026691/ref=tmm_pap_new_olp_sr?ie=UTF8&condition=new&sr=&qid=) 2. [JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/) 3. [JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 4. [图解Javascript上下文与作用域](http://blog.rainy.im/2015/07/04/scope-chain-and-prototype-chain-in-js/) ## License See the [LICENSE](LICENSE) file for license rights and limitations (MIT). ================================================ FILE: js in one pic.mindnode/contents.xml ================================================ author rainy comments isUsingConstrainedLayout keywords mindMap associations endArrow 1 endNodeID 1FA65804-D611-45B8-8C52-4B2840268989 startArrow 0 startNodeID 88AFB625-ECA3-4DB5-A3D8-46C2901A9754 strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-62.75, 1616.5} endArrow 1 endNodeID 1FA65804-D611-45B8-8C52-4B2840268989 startArrow 0 startNodeID DA0B4F4E-D9AA-42DD-9602-695121503C59 strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-62.75, 1560.5} endArrow 1 endNodeID 1FA65804-D611-45B8-8C52-4B2840268989 startArrow 0 startNodeID 4F4CA143-40BE-47D2-AC5F-6CDF1F04E83E strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-59.5, 2427} endArrow 1 endNodeID 533DEE43-AB3B-4EF9-9A61-A9B498A52715 startArrow 0 startNodeID C44D062E-3C7B-4AE6-98DB-15E2EAD0B9FD strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 0 strokeWidth 1 wayPointOffset {-2.75, -80} endArrow 1 endNodeID 802D0044-71C1-4246-8606-B7284B909E48 startArrow 0 startNodeID 7F88EF80-8AC7-4467-AF3B-95A9F84AB0C6 strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 0 strokeWidth 1 wayPointOffset {0.75, -80} endArrow 1 endNodeID 9AA9EF90-4542-411F-9320-821E382E47E8 startArrow 0 startNodeID E584A402-A0EB-4CD0-B192-67A87F80099A strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-38, -104} endArrow 1 endNodeID 4F4CA143-40BE-47D2-AC5F-6CDF1F04E83E startArrow 0 startNodeID E45FC2AF-7C60-418F-9A48-FEF93EDFDABB strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-118.5, 95.75} endArrow 1 endNodeID 4F4CA143-40BE-47D2-AC5F-6CDF1F04E83E startArrow 0 startNodeID F1DF0ED4-FCE1-4A4A-9ADE-F89B02897CEE strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-215.962, 200.263} endArrow 1 endNodeID 7FF0D814-6D7E-467C-800A-114057A0C4B5 startArrow 0 startNodeID 67E27816-0CFC-4670-B8F1-7343CA38A2B7 strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 0 strokeWidth 1 wayPointOffset {-15.25, -72} endArrow 1 endNodeID 83632CA9-FF36-4A31-8D6F-180DC6D646E7 startArrow 0 startNodeID E42FC857-5269-4B1B-B135-03311934D004 strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-398.75, -98.75} endArrow 1 endNodeID B6AEA384-DEF6-4D00-923B-945DBEDCB037 startArrow 0 startNodeID 1E47F8A4-2E02-4E3C-AD6A-D8BF417B7556 strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-73.25, 164} endArrow 1 endNodeID 18E9F23A-5BD8-4173-A03B-E25DED1FD4CE startArrow 0 startNodeID AFDF586B-3DBC-46B5-865C-0D11AD8684AD strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 0 strokeWidth 1 wayPointOffset {-117.75, -16} endArrow 1 endNodeID 18E9F23A-5BD8-4173-A03B-E25DED1FD4CE startArrow 0 startNodeID 033FD3D1-BC26-422E-99DF-423636510A30 strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 0 strokeWidth 1 wayPointOffset {-117.75, -48} endArrow 1 endNodeID ED133DE8-B0BF-4CBC-84F1-5BD3AE877B84 startArrow 0 startNodeID A4D268C1-91F5-41E0-B4D5-CF35094BC93B strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-70.25, -164} endArrow 1 endNodeID ECE60935-A4A1-45B1-8E1C-F41C8CCCFD9E startArrow 0 startNodeID 3F8EB569-C9E4-4B56-B1A2-F8DEB5A704FC strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-70.25, -440} endArrow 1 endNodeID 1E47F8A4-2E02-4E3C-AD6A-D8BF417B7556 startArrow 0 startNodeID B56A5B18-3E73-4E78-9F8D-A93BC1A1E4CB strokeColor {0.112, 0.539, 0.418, 1.000} strokeStyle 3 strokeWidth 1 wayPointOffset {-14.5, -108} color {0.951, 0.990, 0.938, 1.000} mainNodes contentAlignment 1 fillColor {0.928, 0.966, 0.821, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {0, 0} nodeID 519A9A4C-3CDA-42C2-B1C0-D0B40C4FC456 strokeColor {0.046, 0.097, 0.027, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {235, -3121} nodeID 2082D149-516A-439A-AF05-CD3D9B98DED8 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 6 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {358, -3273.5} nodeID 667365E8-5971-4693-89DF-383BC6431F02 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {518, -3273.5} nodeID F5BBEC3C-4FEB-4811-9BE2-F6B354D6DD5F strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a != A</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a != A} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Case-sensitive</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Case-sensitive} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {358, -3240.5} nodeID CAD93D9E-00B3-4D53-AA41-BAD4AC90C2C3 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {564, -3240.5} nodeID 5137076E-6623-4F1B-80CD-07D3DCD19626 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>letters: [ascii, unicode]</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 letters: [ascii, unicode]} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>start with: letters, _, $</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 start with: letters, _, $} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {358, -3176} nodeID F7364AE4-EAE9-4B4E-9767-49234DA21913 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {492, -3207.5} nodeID D7717393-5FD9-484F-9506-C30D5AE67298 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 308 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>break; case; catch; continue; default; delete; do; else; finally; for; function; if; in; instanceof; new; return; switch; this; throw; try; typeof; var; void; while; with</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 break; case; catch; continue; default; delete; do; else; finally; for; function; if; in; instanceof; new; return; switch; this; throw; try; typeof; var; void; while; with} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>key words</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 key words} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {358, -3072} nodeID 0D2E81A1-3510-491C-A23E-4E539D366EC3 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {528, -3104} nodeID 53393B1B-E9AF-43EC-80AE-517692626EC9 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {655, -3111.5} nodeID D5390D95-9EB0-42F0-9476-72E53111BA8E strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>class; const; enum; export; extends; import; super;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 class; const; enum; export; extends; import; super;} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Nonstrict</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Nonstrict} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {528, -3047.5} nodeID 6C690435-20EC-4E2E-A341-E795E6EDEF62 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {701, -3063.5} nodeID 9956C0CD-AB1B-442C-9F5B-F212ABE667A4 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>implements; interface; let; package; private; protected; public; static; yield;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 implements; interface; let; package; private; protected; public; static; yield;} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;use strict&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'use strict'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Reserved words</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Reserved words} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {358, -2984} nodeID 8DC64345-5DF3-4C51-BD5B-9CE9CE9057EA strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {484, -2999.5} nodeID 392CB127-4A40-4C5B-BC00-58CAC0D74A0B strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var a; // local</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var a; // local} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {484, -2967.5} nodeID 7F25036E-146B-4E29-A0EC-79767A6FBA15 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(128, 0, 0, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a = 123; // global</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red128\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a = 123; // global} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Variables</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Variables} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Identifier</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Identifier} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {235, -2912} nodeID 49480C50-DC7C-4CC4-A8AE-E9230DB0EA3B strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 6 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {372, -2935.5} nodeID F674987F-22AC-4451-B080-15509717CDB2 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 5 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// single line</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // single line} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {372, -2903.5} nodeID AAE7A487-6A4F-44AC-9E6E-51D361B66B15 strokeColor {0.216, 0.341, 0.285, 1.000} strokeStyle 0 strokeWidth 5 subnodes title constrainedWidth 134 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>/* multi-line comments */</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 /* multi-line comments */} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>comments</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 comments} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {235, -1780} nodeID D76A05B1-2045-4520-A022-AFCB7CFF57EC strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 6 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {366, -2679.5} nodeID B00FEABB-2A5D-4341-8822-EFCFF65F1A20 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {582, -2855.5} nodeID 748FEF48-A666-414F-8C3A-E6B72810CC0B strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2855.5} nodeID 49496F0C-91E4-4B53-A783-8C4A83E1C0E9 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;number&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'number'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {582, -2743} nodeID 1A9C8DB8-2DE4-4175-8EFA-ACFC78E26F0D strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2822.5} nodeID 34412623-B817-43B0-B4C6-244885E43D4F strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>0</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 0} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2790.5} nodeID F99F2B0E-B666-475B-968C-775B3A8C1F7D strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>1.2</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 1.2} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2758.5} nodeID FA3E101B-9C28-4626-8C11-8B83EE884AEA strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>045</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 045} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2726.5} nodeID 763C2889-79C1-4962-91F9-125ED544D7B4 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>0x56</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 0x56} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2694.5} nodeID D1AE09F9-DCEA-48AD-9998-C59D51D9B427 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>0.314e2</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 0.314e2} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2662.5} nodeID 3446C42E-B92A-4AE4-B3EF-2D54E0EE2724 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>NaN</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 NaN} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>value</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 value} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {582, -2599} nodeID 93DFFAB7-B167-4F8C-A2A3-4ADED1444989 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {710, -2630.5} nodeID 4B0873E4-C91D-4D7F-BBD2-04A4E27BF0DD strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1021, -2630.5} nodeID FC5DE9EA-7F50-4BB3-901E-95D63E661093 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>parseInt(&apos;10&apos;, 2); // 2</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 parseInt('10', 2); // 2} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>parseInt(&quot;2.7&quot;, 10); // 2</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 parseInt("2.7", 10); // 2} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {710, -2598.5} nodeID 050CB336-DE39-4349-9A84-90AC619FA180 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>parseFloat(&apos;2.5&apos;); // 2.5</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 parseFloat('2.5'); // 2.5} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {710, -2566.5} nodeID 72F25EFE-8D6A-4EE5-8455-CB26CBFD8711 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>isNaN(parseFloat(&apos;a&apos;)); // true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 isNaN(parseFloat('a')); // true} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Number()</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Number()} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {582, -2534.5} nodeID 6E128DED-1330-462E-A4C0-3C5436832921 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>+-*/%</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 +-*/%} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {582, -2502.5} nodeID F1DF0ED4-FCE1-4A4A-9ADE-F89B02897CEE strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&lt;, &lt;=, &gt;, &gt;=, !=, ==</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 <, <=, >, >=, !=, ==} title constrainedWidth 300 htmlText <p style='text-align: left; '><span style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Number </span><span style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Medium"; '>[Primitive like]</span></p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;\f1\fnil\fcharset0 HelveticaNeue-Medium;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Number \f1 \cf2 [Primitive like]} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {366, -2310.5} nodeID CFFB7D4C-F2A2-4249-A3EF-13C89F15327A strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {568, -2470.5} nodeID 9BA3B244-D986-4E55-84CC-BAF5EF107F07 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {680, -2470.5} nodeID 8653AFDA-6B3E-4BEF-B4EA-7EDDEDFAEE4B strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;string&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'string'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {568, -2422} nodeID 2F38CC15-5442-4AD2-90F1-5CF1744239F9 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {680, -2437.5} nodeID 5B53F6B5-149E-4CBC-A691-E7DD861867A6 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&quot;Hello&quot;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 "Hello"} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {680, -2405.5} nodeID BFF173FB-34C6-4C51-8B9A-30F1A8E0024F strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;World&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'World'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>value</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 value} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {568, -2365.5} nodeID D269F1E0-442F-4E00-8050-6107D3FA1F31 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {800, -2373.5} nodeID C31106E2-93FB-4288-834A-916C268E3E63 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var a = 8;
a.toString(2); // &apos;1000&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var a = 8;\uc0\u8232 a.toString(2); // '1000'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>String()/toString()</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 String()/toString()} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {568, -2270} nodeID F2632328-4DB1-42E9-AFF4-38C3FAB7A8BF strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {703, -2325.5} nodeID BAAD8A34-FD47-4ACA-A03E-C020320ACE74 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var a = &apos;ABC&apos;;
a[0]; // &apos;A&apos;
a[0] = &apos;D&apos;;
a; // &apos;ABC&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var a = 'ABC';\uc0\u8232 a[0]; // 'A'\u8232 a[0] = 'D';\u8232 a; // 'ABC'} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {703, -2245.5} nodeID 59AEF0DE-610A-4BE1-8EA6-6B32FAB8C854 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var a = &apos;abc&apos;;
a = a + &apos;d&apos;;
a; // &apos;abcd&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var a = 'abc';\uc0\u8232 a = a + 'd';\u8232 a; // 'abcd'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>immutable</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 immutable} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {568, -2181.5} nodeID 10CA87D7-0DB0-42B4-BB9C-AFAB315E90B1 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>+</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 +} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {568, -2149.5} nodeID E45FC2AF-7C60-418F-9A48-FEF93EDFDABB strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&lt;, &lt;=, &gt;, &gt;=, !=, ==</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 <, <=, >, >=, !=, ==} title constrainedWidth 300 htmlText <p style='text-align: left; '><span style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>String </span><span style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Medium"; '>[Primitive like]</span></p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;\f1\fnil\fcharset0 HelveticaNeue-Medium;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 String \f1 \cf2 [Primitive like]} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {366, -1957} nodeID 4F4CA143-40BE-47D2-AC5F-6CDF1F04E83E strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {582, -2117.5} nodeID 41651D00-2E28-4BD3-838D-379724E2926A strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2117.5} nodeID 5AF750ED-6BC5-4A18-B5D9-2E50B7E7E9A7 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;boolean&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'boolean'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {582, -2069} nodeID 681BF29D-3F5E-41E9-9688-27149A5E5C14 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2084.5} nodeID 12BF401E-34A0-414E-9C3E-E390B327386A strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 true} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {694, -2052.5} nodeID 3C0C31DE-A9B5-4347-9054-11BB006A3A7E strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 false} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>value</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 value} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {582, -1908.5} nodeID 9C7B1A9B-2F78-4B24-AA67-0184382465B8 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {711, -1989} nodeID 4020BD97-EB2C-4594-A567-9F9358221616 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {830, -2020.5} nodeID 25782078-C8B0-4ADA-B09C-022FFBDD3DBF strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Boolean(0); // false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Boolean(0); // false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {830, -1988.5} nodeID 2A483D60-7E18-455A-BBFC-CF9BE9F58FF3 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Boolean(NaN); // false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Boolean(NaN); // false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {830, -1956.5} nodeID E644D51C-F2C0-4933-9D43-C3749E84CA4E strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Boolean(!0); // true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Boolean(!0); // true} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>number</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 number} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {711, -1909} nodeID 9B7A678A-63E6-4F6F-B3FD-EDAE037F98C1 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {823, -1924.5} nodeID 45FDD918-01DA-4F8B-82D7-9A4F1AACF596 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Boolean(&apos;&apos;); // false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Boolean(''); // false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {823, -1892.5} nodeID 5BE79F9D-701A-43D9-9201-5B4684F3C1F5 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Boolean(&apos;*&apos;); // true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Boolean('*'); // true} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>string</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 string} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {711, -1845} nodeID 1BB464FD-DB24-448E-A175-ED75647886A6 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {823, -1860.5} nodeID 66174A2B-5242-4E14-BDE9-33A2746FE6DA strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Boolean(null); // false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Boolean(null); // false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {823, -1828.5} nodeID 3767DFF0-C24D-4FDF-B69A-FE67AFDE9ED7 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Boolean({}); // true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Boolean(\{\}); // true} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>object</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 object} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {711, -1796.5} nodeID E8B9492E-E06D-44D1-ACF7-5DF1272B49A1 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {843, -1796.5} nodeID 2D118EAF-C472-4CF0-BBB1-86BBE2F5DCCC strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Boolean(undefined);// false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Boolean(undefined);// false} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>undefined</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 undefined} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Boolean()</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Boolean()} title constrainedWidth 300 htmlText <p style='text-align: left; '><span style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Boolean </span><span style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Medium"; '>[Primitive like]</span></p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;\f1\fnil\fcharset0 HelveticaNeue-Medium;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Boolean \f1 \cf2 [Primitive like]} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {366, -1707} nodeID E9F2915E-CC24-4967-983A-7267A0350A0E strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {594, -1763.5} nodeID FD6B1ED2-277D-4696-91DB-D87E6FF105DF strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {706, -1763.5} nodeID F4AA2C10-E621-4C37-AB7D-19E3E4661B7D strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;undefined&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'undefined'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {594, -1730.5} nodeID 8B40D6A0-13FF-4D11-A941-A977A22BD38F strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {706, -1730.5} nodeID B5602C9E-958A-423B-A191-06ABD22B56B6 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>undefined</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 undefined} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>value</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 value} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {594, -1674} nodeID 684E3301-82A3-4EF4-972B-5A933DBAFDA3 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {815, -1697.5} nodeID 74BC24B7-39E2-47AA-8573-D5230C473857 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 315 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>undefined == undefined; // true
var a;
a == undefined; // true
console.log(d); // Error</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 undefined == undefined; // true\uc0\u8232 var a;\u8232 a == undefined; // true\u8232 console.log(d); // Error} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>undefined != Not defined</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 undefined != Not defined} title constrainedWidth 300 htmlText <p style='text-align: left; '><span style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Undefined </span><span style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Medium"; '>[Primitive like]</span></p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;\f1\fnil\fcharset0 HelveticaNeue-Medium;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Undefined \f1 \cf2 [Primitive like]} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {366, -1425.5} nodeID 447778E7-FC03-452C-B7EE-9AEC28BA349C strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {531, -1617.5} nodeID 5429F175-C146-4BFB-BA64-FFB5544B7251 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {643, -1617.5} nodeID 17ACFDE3-0C46-415F-BA2A-2C7A88C05E5E strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;object&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'object'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {531, -1504.5} nodeID 7FF0D814-6D7E-467C-800A-114057A0C4B5 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {643, -1584.5} nodeID 3F303CCE-7DF7-4211-9151-11A53322FA7C strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var p = {
 name: &apos;Ad&apos;,
 &apos;age&apos;: 24
};</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var p = \{\uc0\u8232 name: 'Ad',\u8232 'age': 24\u8232 \};} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {643, -1504.5} nodeID 80D71357-D846-4C5F-A142-EDC79FA49614 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 392 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var q = {};
q.name = &apos;Bob&apos;;
q.age = 24;

console.log(q.name); // &apos;Bob&apos;
console.log(q[&apos;age&apos;]); // 24</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var q = \{\};\uc0\u8232 q.name = 'Bob';\u8232 q.age = 24;\u8232 \u8232 console.log(q.name); // 'Bob'\u8232 console.log(q['age']); // 24} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>{}</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 \{\}} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {531, -1360.5} nodeID 67E27816-0CFC-4670-B8F1-7343CA38A2B7 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {704, -1392.5} nodeID 3E58C682-2B26-4B7E-AD10-7B3F9146CB45 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 304 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var p = new Object();
p.sayHi = function(){
 console.log(&apos;Hi!&apos;);
}
p.sayHi(); // &apos;Hi!&apos;</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var p = new Object();\uc0\u8232 p.sayHi = function()\{\u8232 console.log('Hi!');\u8232 \}\u8232 p.sayHi(); // 'Hi!'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>new Object()</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 new Object()} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {531, -1264.5} nodeID 1EFA230D-20B7-4C8D-A924-CC06222F893F strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {797, -1296.5} nodeID A0B6C0A2-4C22-4692-A841-7A099C6EA3DF strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {920, -1296.5} nodeID 03CA8EC5-BFBF-4877-88F3-482BDAB00C83 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;object&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'object'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {797, -1264.5} nodeID 5F719BAD-7EAC-4673-9E15-A7C333F5E68E strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {912, -1264.5} nodeID 5E751072-51D0-4564-8438-AE0CB16EFBA3 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>null</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 null} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>value</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 value} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {797, -1232.5} nodeID DA85957A-F735-4D1B-9D8D-0FA6A91F12FE strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1021, -1232.5} nodeID 766A5490-79D0-4958-A8BC-66F51617E879 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>null == undefined; // true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 null == undefined; // true} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&quot;undefined object&quot;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 "undefined object"} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Null //[Primitive like]</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Null //[Primitive like]} title constrainedWidth 300 htmlText <p style='color: rgba(0, 128, 0, 1.000000); font: bold 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Bold"; '>Object (basic)</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Bold;} {\colortbl;\red255\green255\blue255;\red0\green128\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Object (basic)} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {366, -952.5} nodeID 37539781-C1F7-483A-914E-4C000C7CF7F5 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {533, -1200.5} nodeID E9B33722-5C68-43B7-808D-507FD32CD5C9 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {645, -1200.5} nodeID D7AB3B9E-CBEF-4CBB-BC33-2D903484FE43 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;function&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'function'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {533, -1086.5} nodeID 9B837A6B-57BE-4EE3-98AE-AFDA08264E34 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {651, -1167.5} nodeID A10E278E-EC9B-4B35-8CE6-2A7AF064C521 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var a = function(arg1, arg2){
 //func body;
}</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var a = function(arg1, arg2)\{\uc0\u8232 //func body;\u8232 \}} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {651, -1103.5} nodeID C7FEC1C5-8868-4CB2-8E03-5A5F6116708D strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>function a(arg1, arg2){
 //func body;
}</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 function a(arg1, arg2)\{\uc0\u8232 //func body;\u8232 \}} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {651, -1039.5} nodeID FDD8E0C6-1C6F-4F68-A442-973E99B490C1 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>(function(arg1,arg2){
 //func body;
})</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 (function(arg1,arg2)\{\uc0\u8232 //func body;\u8232 \})} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>create</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 create} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {533, -838.5} nodeID E95AA563-CA7B-4BDE-B52A-05914D0135F1 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {703, -854.5} nodeID ED04A487-A398-4D44-AA2F-6A5517AFAE43 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {848, -935.5} nodeID 0DED8065-2FE9-46C1-900C-71FFE532ADEE strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1013, -975.5} nodeID C84F7640-FB4C-4842-A7D0-C15F7BF198AD strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 391 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var f = function(x, y){
 console.log(&apos;x: &apos; + x + &apos;, y: &apos; + y);
};
var x = &apos;x&apos;, y = &apos;y&apos;;
f(x, y); // x: x, y: y
f(y, x); // x: y, y: x</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var f = function(x, y)\{\uc0\u8232 console.log('x: ' + x + ', y: ' + y);\u8232 \};\u8232 var x = 'x', y = 'y';\u8232 f(x, y); // x: x, y: y\u8232 f(y, x); // x: y, y: x} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// by order</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // by order} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {848, -839.5} nodeID 65FD1072-88E8-43F3-88E2-89C11C0F6577 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {996, -863.5} nodeID 0762347C-ABFA-40B7-9131-6C8EB8076D2B strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 343 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var f = function(x){
 console.log(x);
};
f(); // undefined</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var f = function(x)\{\uc0\u8232 console.log(x);\u8232 \};\u8232 f(); // undefined} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>undefined</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 undefined} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {848, -759.5} nodeID 70AB502E-7FC3-4A68-806F-CADBC032043B strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {996, -783.5} nodeID 01359C87-A9C3-4743-9461-7B81A4296239 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 493 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var f = function(){
 console.log(arguments);
};
f(3,2,1); // { &apos;0&apos;: 3, &apos;1&apos;: 2, &apos;2&apos;: 1 }</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var f = function()\{\uc0\u8232 console.log(arguments);\u8232 \};\u8232 f(3,2,1); // \{ '0': 3, '1': 2, '2': 1 \}} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>arguments</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 arguments} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>arguments</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 arguments} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {703, -703.5} nodeID 18148E16-4E96-43C2-B066-02A796CD7879 strokeColor {0.584, 0.677, 0.443, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>return</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 return} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; text-align: left; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>inside function</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 inside function} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Function (basic)</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Function (basic)} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Data type</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Data type} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-112, -739} nodeID 33413060-7F8B-42FF-9E7C-FEF4D9A06377 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 6 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>Tips</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Tips} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {235, -432} nodeID 892CB638-D7BA-4246-A6FF-0AB8A18EAD58 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 6 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {368, -559.5} nodeID 53B519E4-E9B1-41E7-B72A-9F716EEA3CCF strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {483, -558.5} nodeID 811B502A-AC2F-4A59-A80E-2BD9A79FA3B3 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {605, -623.5} nodeID E6276C3D-014F-4310-82C6-614D8DFA88E6 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {717, -623.5} nodeID 175390AF-18D0-4AD0-86B7-A81E8BF38362 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1000, -671.5} nodeID 7D76140D-6299-4F68-87B8-1370DAA85EED strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;1&apos;+2</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 '1'+2} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1000, -639.5} nodeID 6CCAF25C-1688-4BD2-B2BD-80E517C70820 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>3+&apos;4&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 3+'4'} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1000, -607.5} nodeID CFD944F1-FF89-45FD-B7EF-C2D09ED4FF3D strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;5&apos;+false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 '5'+false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1000, -575.5} nodeID 4C85DF9D-591A-4D7B-A292-D6BA68910DE6 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>6+true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 6+true} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>string &gt; number &gt; boolean</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 string > number > boolean} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>+</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 +} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {605, -495.5} nodeID 9AA9EF90-4542-411F-9320-821E382E47E8 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {717, -495.5} nodeID 1B12E735-01E3-45C8-AA08-02B7E02669BB strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1000, -543.5} nodeID 0EE26D86-8055-41AC-B2D9-B983DF6EA1FF strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;1&apos;-2</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 '1'-2} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1000, -511.5} nodeID 5B9B0989-5C62-4E24-B045-09E3D130C51F strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>3-&apos;4&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 3-'4'} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1000, -479.5} nodeID D0C98D29-672A-41BA-B2D5-B932E146362A strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;5&apos;-false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 '5'-false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1000, -447.5} nodeID 00D60D8E-759E-4158-9DB1-09ECC47718B5 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>6-true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 6-true} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>number &gt; string &gt; boolean</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 number > string > boolean} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>-</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 -} title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Heiti SC"; text-align: left; -cocoa-font-postscriptname: "STHeitiSC-Medium"; '>casting</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Medium;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 casting} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>+-*/%</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 +-*/%} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {368, -415.5} nodeID FA6D7B8C-5E7B-45D6-8F77-C5123DAA89BF strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 5 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>++a a-- a+=1 a-=1</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 ++a a-- a+=1 a-=1} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {368, -335.5} nodeID 88AFB625-ECA3-4DB5-A3D8-46C2901A9754 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {499, -383.5} nodeID 55D96C80-A69F-444B-AA6B-FA943A9394D9 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&gt;, &gt;=, &lt;, &lt;=</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 >, >=, <, <=} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {499, -351.5} nodeID A47AABE3-EC81-490A-9DB7-3199B389C8D8 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {622, -351.5} nodeID B491D117-FF58-44CD-B83A-9597E055A1B4 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '> // only value</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // only value} title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>==, !=</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 ==, !=} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {499, -319.5} nodeID CF8D83D2-B01B-4313-A509-1F1AA678FDBA strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {639, -319.5} nodeID 9A71A188-C682-4896-8D79-9E619AA7001C strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '> // both value &amp; type</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // both value & type} title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>===, !==</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 ===, !==} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {499, -286.5} nodeID 47F7912A-CF9F-4077-B836-DD41D8F2E8FC strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {621, -287.5} nodeID E584A402-A0EB-4CD0-B192-67A87F80099A strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a &gt; b; // a - b &gt; 0</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a > b; // a - b > 0} title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Heiti SC"; text-align: left; -cocoa-font-postscriptname: "STHeitiSC-Medium"; '>casting</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Medium;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 casting} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>compare</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 compare} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {368, -223.5} nodeID DA0B4F4E-D9AA-42DD-9602-695121503C59 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {499, -255.5} nodeID 72ED08CD-5EDE-4E05-AD13-74CDA6E1E054 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>!true; // false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 !true; // false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {499, -223.5} nodeID 1FB4522F-9292-4DD7-93DD-47B8B0B3DFA6 strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>true &amp;&amp; false; // false</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 true && false; // false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {499, -191.5} nodeID 7D58B431-361E-4002-BC1A-ECE04686128F strokeColor {0.745, 0.852, 0.469, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>false || true; // true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 false || true; // true} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>! &amp;&amp; ||</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 ! && ||} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Operators</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Operators} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-116, 28} nodeID 83632CA9-FF36-4A31-8D6F-180DC6D646E7 strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 6 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-310, -364} nodeID AEE97D46-3F66-4622-A41C-B757EA573021 strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-426, -572} nodeID 5ECB346D-0BBB-4B3B-AAE7-E0F09843266C strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-944, -709} nodeID 603202AC-9202-4924-97B2-E332A72CFDD7 strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 456 htmlText <p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-------------+ +-----------------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|Node +------+ |Execution Context |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-------------+ | +-----------------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|global = { | +--&gt; |[Variable Object] = { |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|}; | | | variables |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-------------- | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '> | | data |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '> | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '> | | functions |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-------------- | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|Browser +------+ | objects |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-------------+ | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|window = { | | ... |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|}; | |}; |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-------------+ +-----------------------+</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;\red255\green255\blue255;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 \cb3 \expnd0\expndtw0\kerning0 \outl0\strokewidth0 \strokec2 +-------------+ +-----------------------+\ |Node +------+ |Execution Context |\ +-------------+ | +-----------------------+\ |global = \{ | +--> |[Variable Object] = \{ |\ | | | | |\ |\}; | | | variables |\ +-------------- | | |\ | | data |\ | | |\ | | functions |\ +-------------- | | |\ |Browser +------+ | objects |\ +-------------+ | |\ |window = \{ | | ... |\ | | | |\ |\}; | |\}; |\ +-------------+ +-----------------------+\ } title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>global</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 global} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-474, -212} nodeID 59797ED1-E03C-4322-B76D-94E2E4ACB007 strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-1112, -405} nodeID 753FEAE0-D594-441F-A5CA-9246C7C35695 strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 576 htmlText <p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-----------------------------------+ </p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|function b() // create new context +-----+ </p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-----------------------------------+ | </p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|Variable Object = { | | +---------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| arguments = ...; | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|}; | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|Scope chain = | | | . |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| +-------------------------------+ | | | . |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| |global | | | | . |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +---&gt; f = &apos;no&apos;; | | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +---&gt; function a() | | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +---&gt; f = &apos;ye&apos; | | | +---------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | | +-&gt; |function b |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +---&gt; function b() | | +---------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +---&gt; | | |function a |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | | +---------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +---&gt; | | |global context |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | +---------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| +-------------------------------+ | Context Stack </p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|this = {Object owns b}; | </p><p style='text-align: left; '><span style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-----------------------------------+ </span><a style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPSMT"; ' href='http://rainy.im'>http://rainy.im</a></p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;\red255\green255\blue255;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 \cb3 \expnd0\expndtw0\kerning0 \outl0\strokewidth0 \strokec2 +-----------------------------------+ \ |function b() // create new context +-----+ \ +-----------------------------------+ | \ |Variable Object = \{ | | +---------------+\ | arguments = ...; | | | |\ | | | | |\ | | | | |\ |\}; | | | |\ |Scope chain = | | | . |\ | +-------------------------------+ | | | . |\ | |global | | | | . |\ | | +---> f = 'no'; | | | | |\ | | | | | | | |\ | | +---> function a() | | | | |\ | | +---> f = 'ye' | | | +---------------+\ | | | | | +-> |function b |\ | | +---> function b() | | +---------------+\ | | +---> | | |function a |\ | | | | | +---------------+\ | | +---> | | |global context |\ | | | | +---------------+\ | +-------------------------------+ | Context Stack \ |this = \{Object owns b\}; | \ +-----------------------------------+ {\field{\*\fldinst{HYPERLINK "http://rainy.im"}}{\fldrslt \expnd0\expndtw0\kerning0 \outl0\strokewidth0 http://rainy.im}}\ } title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>context stack</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 context stack} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>Execution context</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Execution context} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-274, 252} nodeID 875B6672-FEF4-435E-A90A-31A88ECBDC9D strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-755, 11} nodeID 42741449-5F8B-46E6-AEB2-96F031765BA6 strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 419 htmlText <p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+--------------------------------------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>|Scope Chain |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+--------------------------------------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+-+global [Variable Object] |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| +-&gt; var x; |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | &lt;---------------+ |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | + |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| +-&gt; function a() [Variable Object]&lt;+ |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | + | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +--&gt; var x; | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | + |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +--&gt; function b() [Variable Object] |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | &lt;---------------+ |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | + |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| +-&gt; function c() [Variable Object]&lt;+ |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | + | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +--&gt; var x; | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | + |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | +--&gt; function d() [Variable Object] |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| v |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+--------------------------------------------+</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;\red255\green255\blue255;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 \cb3 \expnd0\expndtw0\kerning0 \outl0\strokewidth0 \strokec2 +--------------------------------------------+\ |Scope Chain |\ +--------------------------------------------+\ +-+global [Variable Object] |\ | | |\ | +-> var x; |\ | | |\ | | <---------------+ |\ | | + |\ | +-> function a() [Variable Object]<+ |\ | | + | |\ | | | | |\ | | +--> var x; | |\ | | | | |\ | | | + |\ | | +--> function b() [Variable Object] |\ | | |\ | | <---------------+ |\ | | + |\ | +-> function c() [Variable Object]<+ |\ | | + | |\ | | | | |\ | | +--> var x; | |\ | | | | |\ | | | + |\ | | +--> function d() [Variable Object] |\ | | |\ | v |\ | |\ +--------------------------------------------+\ } title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>Scope chain</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Scope chain} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-239, 644} nodeID 6C96A5FE-BEFC-44C6-886F-77DCE871B262 strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {-738, 523} nodeID 1CA778CF-AA3B-44FC-AEE2-6CA85DAC362C strokeColor {0.700, 0.829, 0.625, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 437 htmlText <p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '> +-------------------+ +-----------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '> |Execution context | +---+[Scope chain] |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '> +-------------------+ | +-----------------+</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+&gt; | var x = 100; | | |[Function inc] |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | var inc1 = inc(); +--+ | + |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | var inc2 = inc(); +--+ | +-&gt; x; |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | | | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | inc1(); | | +-&gt; [Function] |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | inc1(); | | + |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | inc2(); | | +-&gt; x++; |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | inc1(); | | |</p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '>| | inc2(); | +-----------------+</p><p style='text-align: left; '><span style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPSMT"; '>+--+ x; | </span><a style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPSMT"; ' href='http://rainy.im'>http://rainy.im</a></p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '> | | </p><p style='background-color: rgba(255, 254, 254, 1.000000); color: rgba(0, 0, 0, 1.000000); font: 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPSMT"; '> +-------------------+ </p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;\red255\green255\blue255;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 \cb3 \expnd0\expndtw0\kerning0 \outl0\strokewidth0 \strokec2 +-------------------+ +-----------------+\ |Execution context | +---+[Scope chain] |\ +-------------------+ | +-----------------+\ +> | var x = 100; | | |[Function inc] |\ | | var inc1 = inc(); +--+ | + |\ | | var inc2 = inc(); +--+ | +-> x; |\ | | | | | |\ | | inc1(); | | +-> [Function] |\ | | inc1(); | | + |\ | | inc2(); | | +-> x++; |\ | | inc1(); | | |\ | | inc2(); | +-----------------+\ +--+ x; | {\field{\*\fldinst{HYPERLINK "http://rainy.im"}}{\fldrslt \expnd0\expndtw0\kerning0 \outl0\strokewidth0 http://rainy.im}}\ | | \ +-------------------+ \ } title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>Closure</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Closure} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>Scope</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Scope} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {235, 1152.5} nodeID 5EB37680-33E0-460A-8FFF-4BF97F37F7FD strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 6 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {398, 73.5} nodeID C3AD847F-7EDD-4860-8A09-C166158E05FE strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {529, -158.5} nodeID DD7927B0-A33E-45DA-B6A9-825BD6520BB4 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {646, -159.5} nodeID 7FCE1075-2F3E-4610-8A7A-910346F8BED8 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;function&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'function'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {529, -126.5} nodeID FBDEB72B-2358-4AAB-A82F-7A516AFCC9D1 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {669, -127.5} nodeID 3B04135E-74E1-40C8-B1A4-2A81D4A3A175 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>f.length;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 f.length;} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>properties</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 properties} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {529, 9.5} nodeID FBD37458-C969-4C1A-9151-93BC00F3D709 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {731, -95.5} nodeID 87665A62-6F63-4511-A33A-CADA31720EBC strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 407 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var api = function(){
 return {
 name: &apos;rainy&apos;,
 age: 24
 };
};
var handler = function(d){
 console.log(&apos;Name: &apos;+d.name+&apos;, Age: &apos;+d.age);
};
var request = function(api, callback){
 callback(api());
};

request(api, handler); // Name: rainy, Age: 24</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var api = function()\{\uc0\u8232 return \{\u8232 name: 'rainy',\u8232 age: 24\u8232 \};\u8232 \};\u8232 var handler = function(d)\{\u8232 console.log('Name: '+d.name+', Age: '+d.age);\u8232 \};\u8232 var request = function(api, callback)\{\u8232 callback(api());\u8232 \};\u8232 \u8232 request(api, handler); // Name: rainy, Age: 24} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>as value (callback)</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 as value (callback)} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {529, 225.5} nodeID 75DF7EA5-A169-49AF-8485-49C753926AA9 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {661, 224.5} nodeID E42FC857-5269-4B1B-B135-03311934D004 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {860, 144.5} nodeID 967538EF-84C4-44C8-9CF0-2E18C0E4F852 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 375 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// func.apply(thisObj, [arg1, arg2, ...]);
// func.call(thisObj, arg1, arg2, ...);
// func.bind(thisObj, arg1, arg2, ...);
// about thisObj, see `Scope`</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // func.apply(thisObj, [arg1, arg2, ...]);\uc0\u8232 // func.call(thisObj, arg1, arg2, ...);\u8232 // func.bind(thisObj, arg1, arg2, ...);\u8232 // about thisObj, see `Scope`} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {860, 224.5} nodeID B70C1CB4-20E6-4B9E-8DE3-82E34C2CF6BF strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 495 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var sayHi = function(name){
 console.log(&apos;Hello, &apos; + name + &apos;!&apos;);
};
sayHi.call(this, &apos;rainy&apos;); // Hello, rainy!
sayHi.apply(this, [&apos;rainy&apos;]); // Hello, rainy!
sayHi.bind(this, &apos;rainy&apos;)(); // Hello, rainy!</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var sayHi = function(name)\{\uc0\u8232 console.log('Hello, ' + name + '!');\u8232 \};\u8232 sayHi.call(this, 'rainy'); // Hello, rainy!\u8232 sayHi.apply(this, ['rainy']); // Hello, rainy!\u8232 sayHi.bind(this, 'rainy')(); // Hello, rainy!} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>apply/call/bind</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 apply/call/bind} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>methods</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 methods} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>Function</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Function} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {398, 832} nodeID C0E432C1-0CEF-4ADB-B53C-BBB1097FFAD5 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {510, 337.5} nodeID 4FFF04E8-919B-49AE-B3A3-0E4E99545A1E strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {627, 336.5} nodeID 758D1373-0D4B-4553-9E53-BA757F3CBB5F strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;object&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'object'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>typeof</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 typeof} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {510, 368.5} nodeID 3D36F58C-598E-4105-BD71-35C10EC6D966 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var a = [1, 2, &apos;3&apos;, [4, true]];</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var a = [1, 2, '3', [4, true]];} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {510, 400.5} nodeID BB96DAF5-4E85-46A4-9623-858EC23D7CCD strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 351 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var a = new Array(1, 2, &apos;3&apos;, [4, true]);</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var a = new Array(1, 2, '3', [4, true]);} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {510, 433.5} nodeID E4EB0888-8C7A-496F-87A1-20C712E53FE0 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {650, 432.5} nodeID FFD594BE-32AD-48F0-B4E2-FC8B326E8D37 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.length; // 4</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.length; // 4} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>properties</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 properties} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {510, 833.5} nodeID A0851169-551C-4850-AA81-2FFE678823CA strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 464.5} nodeID C52FFE45-C573-4252-A886-F31B7B8E11DF strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a[0] == 1; // true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a[0] == 1; // true} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 496.5} nodeID 6E9E8AA7-4CB0-494B-B30A-B4F5BF5D86BC strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a[3][1] == true; // true</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a[3][1] == true; // true} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 528.5} nodeID 4688FECE-8BAA-4EE4-BA29-F556E920CE3B strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.slice(0, 2); // [1, 2]</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.slice(0, 2); // [1, 2]} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 560.5} nodeID 34785834-E325-4E4B-9B02-613668E4A952 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.indexOf(1); // 0</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.indexOf(1); // 0} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 592.5} nodeID FD77167E-252F-44A6-B6FB-6807733B47F2 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 419 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.push({}); // return a.length(Mod)</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.push(\{\}); // return a.length(Mod)} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 624.5} nodeID 8DC5D799-3E12-4C72-9C42-7B97DE4D9BE5 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 456 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.pop(); // return popped element(Mod)</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.pop(); // return popped element(Mod)} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 680.5} nodeID 634EDBFD-6119-4CB5-B448-75159B18F853 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {944, 656.5} nodeID 6F192512-75A0-4CDA-897B-9313E69F6B42 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.toString() == a.join(&apos;,&apos;);</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.toString() == a.join(',');} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {944, 688.5} nodeID 5D2E6382-CEF2-40CA-827E-62C90163B42E strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 336 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var s = &apos;a,b,c,d&apos;;
s.split(&apos;,&apos;); // [&apos;a&apos;, &apos;b&apos;, &apos;c&apos;, &apos;d&apos;]</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var s = 'a,b,c,d';\uc0\u8232 s.split(','); // ['a', 'b', 'c', 'd']} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.join(&apos;-&apos;); // ?</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.join('-'); // ?} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 736.5} nodeID 5DA5FABD-0BBF-4530-B26F-CC37220AFEFA strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 312 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.concat([&apos;a&apos;, &apos;b&apos;]); // VS push()</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.concat(['a', 'b']); // VS push()} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 952.5} nodeID 1E47F8A4-2E02-4E3C-AD6A-D8BF417B7556 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {799, 768.5} nodeID 11E7D14A-30DC-4B3A-B98A-DB2722AA0E2C strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 467 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// arr.map(callback, thisObj)

/* callback = function(element, index, arr){
 * return element to the same pos of (returned)arr;
 * };
 */

[55, 44, 33, 22, 11].map(function(e, i, arr){
 return e/(arr.length-i);
}); // [ 11, 11, 11, 11, 11 ];</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // arr.map(callback, thisObj)\uc0\u8232 \u8232 /* callback = function(element, index, arr)\{\u8232 * return element to the same pos of (returned)arr;\u8232 * \};\u8232 */\u8232 \u8232 [55, 44, 33, 22, 11].map(function(e, i, arr)\{\u8232 return e/(arr.length-i);\u8232 \}); // [ 11, 11, 11, 11, 11 ];} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {799, 944.5} nodeID 37B92256-7F37-41DF-BC6E-843CF5F95312 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 549 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// arr.reduce(callback, init);

/* callback = function(prev, curr, index, arr){
 * curr walk through 
 * arr.slice(init != undefined ? 0 : 1, arr.length);
 * prev cache last returned value start with: 
 * (init != undefined ? init : arr[0]);
 * };
 */

[55, 44, 33, 22, 11].reduce(function(p, c, i, arr){
 return p + c/(arr. length-i);
}, 55); // 0; </p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // arr.reduce(callback, init);\uc0\u8232 \u8232 /* callback = function(prev, curr, index, arr)\{\u8232 * curr walk through \u8232 * arr.slice(init != undefined ? 0 : 1, arr.length);\u8232 * prev cache last returned value start with: \u8232 * (init != undefined ? init : arr[0]);\u8232 * \};\u8232 */\u8232 \u8232 [55, 44, 33, 22, 11].reduce(function(p, c, i, arr)\{\u8232 return p + c/(arr. length-i);\u8232 \}, 55); // 0; } title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>map/reduce</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 map/reduce} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 1168.5} nodeID B56A5B18-3E73-4E78-9F8D-A93BC1A1E4CB strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>filter/some/every</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 filter/some/every} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {642, 1200.5} nodeID B7F6B580-F4EB-439F-85B8-0FA7C68BA93E strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {992, 1200.5} nodeID 3792390E-B85E-4486-9F34-CC6965E3306D strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(255, 0, 0, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// will change the array</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red255\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // will change the array} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>shift/unshift/sort/reverse/splice</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 shift/unshift/sort/reverse/splice} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>methods</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 methods} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {510, 1281.5} nodeID B6AEA384-DEF6-4D00-923B-945DBEDCB037 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {638, 1232.5} nodeID AB859C00-0D28-4894-8019-63D916E6AB36 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>for(var i = 0; i &lt; a.length; i++){
 console.log(a[i]);
}</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 for(var i = 0; i < a.length; i++)\{\uc0\u8232 console.log(a[i]);\u8232 \}} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {638, 1296.5} nodeID 6A0442B4-9034-420C-A2CE-A5CE816BED4E strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>a.forEach(function(ele){
 console.log(ele);
});</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 a.forEach(function(ele)\{\uc0\u8232 console.log(ele);\u8232 \});} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Heiti SC"; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>iteration</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 iteration} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Array</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Array} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {398, 1912.5} nodeID ED085ECF-4063-4AEB-98E3-5B0BCB1C951F strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {558, 1360.5} nodeID E6B8C053-534C-4F17-A7A4-149FC6445CFF strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(5, 127, 0, 1.000000); font: bold 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Bold"; '>root of everything.</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Bold;} {\colortbl;\red255\green255\blue255;\red5\green127\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 root of everything.} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {558, 1513} nodeID ECE60935-A4A1-45B1-8E1C-F41C8CCCFD9E strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {702, 1393.5} nodeID 74DCD750-7E45-487F-9741-A397A0C51632 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 364 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>function Person(name){
 this.name = name;
 this.sayHi= function(){
 console.log(&apos;Hi &apos; + this.name + &apos;!&apos;);
 };
};

var p1 = new Person(&apos;Ad&apos;);
var p2 = new Person(&apos;Bob&apos;);

p1.name // &apos;Ad&apos;
p2.sayHi(); // &apos;Hi Bob!&apos;

p1.constructor === Person // true
p1 instanceof Person // true
p1.sayHi == p2.sayHi // false</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 function Person(name)\{\uc0\u8232 this.name = name;\u8232 this.sayHi= function()\{\u8232 console.log('Hi ' + this.name + '!');\u8232 \};\u8232 \};\u8232 \u8232 var p1 = new Person('Ad');\u8232 var p2 = new Person('Bob');\u8232 \u8232 p1.name // 'Ad'\u8232 p2.sayHi(); // 'Hi Bob!'\u8232 \u8232 p1.constructor === Person // true\u8232 p1 instanceof Person // true\u8232 p1.sayHi == p2.sayHi // false} title constrainedWidth 300 htmlText <p style='color: rgba(25, 25, 25, 1.000000); font: 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Constructor</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red25\green25\blue25;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Constructor} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {558, 1905} nodeID ED133DE8-B0BF-4CBC-84F1-5BD3AE877B84 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {735, 1665.5} nodeID 47801C8B-930D-467E-9619-183A4BDE0CF2 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1243, 1665.5} nodeID 18E9F23A-5BD8-4173-A03B-E25DED1FD4CE strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1366, 1665.5} nodeID 18FA6253-310D-49B1-B26F-A64CDAB15FB6 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 1 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1478, 1665.5} nodeID 1AB5766B-E48B-42CF-B1D2-90090868D7D9 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;Person&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'Person'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>name</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 name} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>Person</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Person} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1243, 1713.5} nodeID 93323B0E-A20E-4E47-B7E2-CCC784557E4D strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1467, 1697.5} nodeID AFDF586B-3DBC-46B5-865C-0D11AD8684AD strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>prototype</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 prototype} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1467, 1729.5} nodeID 51B57CC3-5EEA-4ADF-BE46-A41B85D2CA4E strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 1 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1579, 1729.5} nodeID BE9C14A0-9B4F-448F-8D37-917539068AF5 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>24</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 24} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>age</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 age} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>p1 = new Person();</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 p1 = new Person();} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1243, 1777.5} nodeID EEB96136-20A6-4CA0-AE8B-5D458264D72B strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1467, 1761.5} nodeID 033FD3D1-BC26-422E-99DF-423636510A30 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>prototype</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 prototype} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1467, 1793.5} nodeID EEBDBBA4-5E4B-438C-91AC-88832433F4E1 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 1 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {1579, 1793.5} nodeID 96A69491-1B16-4FF4-A0C1-738F2C69B0FE strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 1 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>&apos;rainy&apos;</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 'rainy'} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>name</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 name} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>p2 = new Person();</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 p2 = new Person();} title constrainedWidth 446 htmlText <p style='text-align: left; '><span style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>function Person(){};
Person.prototype.name = &apos;Person&apos;;

var p1 = new Person();
var p2 = new Person();
p2.name = &apos;rainy&apos;;
</span><span style='color: rgba(7, 53, 52, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>
console.log(p1.name); // &apos;Person&apos;</span><span style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>
console.log(p2.name); // &apos;rainy&apos;</span></p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;\red7\green53\blue52;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 function Person()\{\};\uc0\u8232 Person.prototype.name = 'Person';\u8232 \u8232 var p1 = new Person();\u8232 var p2 = new Person();\u8232 p2.name = 'rainy';\u8232 \cf3 \uc0\u8232 console.log(p1.name); // 'Person'\cf2 \uc0\u8232 console.log(p2.name); // 'rainy'} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {735, 1825.5} nodeID 63072CD7-5D7A-4D93-9EAF-C159B5555DF4 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 451 htmlText <p style='color: rgba(7, 53, 52, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>p1 instanceof Person // true
p1.age = 24;

p1.hasOwnProperty(&apos;name&apos;); // false
Person.hasOwnProperty(&apos;name&apos;); // true

p1.hasOwnProperty(&apos;age&apos;); // true
&apos;name&apos; in p1 // true
&apos;age&apos; in Person // false</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red7\green53\blue52;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 p1 instanceof Person // true\uc0\u8232 p1.age = 24;\u8232 \u8232 p1.hasOwnProperty('name'); // false\u8232 Person.hasOwnProperty('name'); // true\u8232 \u8232 p1.hasOwnProperty('age'); // true\u8232 'name' in p1 // true\u8232 'age' in Person // false} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {735, 1985.5} nodeID 82F36292-6E79-4889-94A7-9ADC69677DEE strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes title constrainedWidth 532 htmlText <p style='text-align: left; '><span style='color: rgba(255, 0, 0, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// All properties on the prototype are shared among instances</span><span style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>
Person.prototype.friends = [&apos;Ad&apos;, &apos;Bob&apos;];

p1.friends.pop(); // &apos;Bob&apos;
console.log(p2.friends); // [&apos;Ad&apos;]

// Combine constructor &amp; prototype
function Person(){
 this.friends = [&apos;Ad&apos;, &apos;Bob&apos;];
};
Person.prototype.name = &apos;Person&apos;; </span></p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red255\green0\blue0;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 // All properties on the prototype are shared among instances\cf3 \uc0\u8232 Person.prototype.friends = ['Ad', 'Bob'];\u8232 \u8232 p1.friends.pop(); // 'Bob'\u8232 console.log(p2.friends); // ['Ad']\u8232 \u8232 // Combine constructor & prototype\u8232 function Person()\{\u8232 this.friends = ['Ad', 'Bob'];\u8232 \};\u8232 Person.prototype.name = 'Person'; } title constrainedWidth 300 htmlText <p style='color: rgba(0, 128, 0, 1.000000); font: bold 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Bold"; '>prototype chain</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Bold;} {\colortbl;\red255\green255\blue255;\red0\green128\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 prototype chain} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {558, 2321} nodeID 5485CE09-4E1B-4200-BEF1-0BFD86B5A5A3 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 4 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {696, 2234.5} nodeID A4D268C1-91F5-41E0-B4D5-CF35094BC93B strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {878, 2177.5} nodeID 16FE6199-AAEF-406D-B479-809A27E4394D strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 395 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>function Father(){};
Father.prototype.familyName = &apos;Good&apos;;

function Child(){};
Child.prototype = new Father();

var c = new Child();
console.log(c.familyName); // &apos;Good&apos;</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 function Father()\{\};\uc0\u8232 Father.prototype.familyName = 'Good';\u8232 \u8232 function Child()\{\};\u8232 Child.prototype = new Father();\u8232 \u8232 var c = new Child();\u8232 console.log(c.familyName); // 'Good'} title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: 14px "Heiti SC"; text-align: left; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>prototype chain</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 prototype chain} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {696, 2394.5} nodeID 3F8EB569-C9E4-4B56-B1A2-F8DEB5A704FC strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 3 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {845, 2321.5} nodeID 4A845271-854B-4D19-AE09-D3AEAC9FCEA8 strokeColor {0.097, 0.155, 0.154, 1.000} strokeStyle 0 strokeWidth 2 subnodes title constrainedWidth 479 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>function Father(){
 this.familyName = &apos;Good&apos;;
};

function Child(){
 Father.call(this);
};

var c = new Child();
console.log(c.familyName); // &apos;Good&apos;</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 function Father()\{\uc0\u8232 this.familyName = 'Good';\u8232 \};\u8232 \u8232 function Child()\{\u8232 Father.call(this);\u8232 \};\u8232 \u8232 var c = new Child();\u8232 console.log(c.familyName); // 'Good'} title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: 14px "Heiti SC"; text-align: left; -cocoa-font-postscriptname: "STHeitiSC-Light"; '>constructor</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset134 STHeitiSC-Light;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 constructor} title constrainedWidth 300 htmlText <p style='color: rgba(0, 0, 0, 1.000000); font: 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Inheritance</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red0\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Inheritance} title constrainedWidth 300 htmlText <p style='color: rgba(0, 128, 0, 1.000000); font: bold 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Bold"; '>Object (OOP)</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Bold;} {\colortbl;\red255\green255\blue255;\red0\green128\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 Object (OOP)} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Reference type</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Reference type} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {235, 2897} nodeID 1FA65804-D611-45B8-8C52-4B2840268989 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 6 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {381, 2561.5} nodeID 533DEE43-AB3B-4EF9-9A61-A9B498A52715 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {493, 2497.5} nodeID 09ED6AC2-4132-47AD-AE3A-4F759305A20F strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>if(cond){
 state1;
}else if(cond2){
 state2;
}else{
 state3;
}</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 if(cond)\{\uc0\u8232 state1;\u8232 \}else if(cond2)\{\u8232 state2;\u8232 \}else\{\u8232 state3;\u8232 \}} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {493, 2625.5} nodeID ABF060E8-EA5F-49F1-A937-6AAA7D0A35A1 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>false ? a : b</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 false ? a : b} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>if</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 if} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {381, 2721.5} nodeID C44D062E-3C7B-4AE6-98DB-15E2EAD0B9FD strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {504, 2657.5} nodeID 51EE49D0-D992-487A-BD49-B09912245842 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>switch (day) {
 case MON:
 break;
 case TUE:
 break;
 case WEN:
 break;
 default:
}</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 switch (day) \{\uc0\u8232 case MON:\u8232 break;\u8232 case TUE:\u8232 break;\u8232 case WEN:\u8232 break;\u8232 default:\u8232 \}} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>switch</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 switch} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {381, 2881.5} nodeID 802D0044-71C1-4246-8606-B7284B909E48 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {496, 2817.5} nodeID D1103578-53BF-4B08-8D54-BEC6E5C85950 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>do {
 state1;
} while(cond)</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 do \{\uc0\u8232 state1;\u8232 \} while(cond)} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {496, 2881.5} nodeID 8E6D51A7-CFF6-4012-8174-E9AE8C534417 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>while(cond){
 state1;
}</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 while(cond)\{\uc0\u8232 state1;\u8232 \}} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {496, 2945.5} nodeID 295C660C-174E-4BFB-8A8A-D8AE8D0E8C91 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>break; continue</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 break; continue} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>while</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 while} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {381, 3041.5} nodeID 7F88EF80-8AC7-4467-AF3B-95A9F84AB0C6 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {493, 2977.5} nodeID 93798FD5-1521-4062-A721-769F852C6C13 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>for(var i = 0; i &lt; len; i++){
 state1;
}</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 for(var i = 0; i < len; i++)\{\uc0\u8232 state1;\u8232 \}} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {493, 3041.5} nodeID 0738F9FA-D34E-4446-B7A8-06C52B7475AC strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 401 htmlText <p style='text-align: left; '><span style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>for(var k in Obj){
 </span><span style='color: rgba(255, 0, 0, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// if Obj.hasOwnProperty(k){</span><span style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>
 console.log(&apos;Obj[&apos; + k + &apos;] = &apos; + Obj[k]);
 </span><span style='color: rgba(255, 0, 0, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>// }</span><span style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>
}</span></p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;\red255\green0\blue0;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 for(var k in Obj)\{\uc0\u8232 \cf3 // if Obj.hasOwnProperty(k)\{\cf2 \uc0\u8232 console.log('Obj[' + k + '] = ' + Obj[k]);\u8232 \cf3 // \}\cf2 \uc0\u8232 \}} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>for</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 for} contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {381, 3217.5} nodeID DDE2CD91-6961-46A7-A647-48773C63FA46 strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 5 subnodes contentAlignment 1 fillColor {0.951, 0.990, 0.938, 1.000} isDecreasingBranchThickness isDrawingFill isLeftAligned location {596, 3137.5} nodeID BD41E587-76C2-4C1F-A5E0-7342BC7C249B strokeColor {0.323, 0.474, 0.319, 1.000} strokeStyle 0 strokeWidth 4 subnodes title constrainedWidth 484 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>var a = {};
try{
 a.f();
}catch(e){
 console.log(e instanceof TypeError); // true
 (function(){
 console.log(&apos;a.f()&apos;); // &apos;a.f()&apos;
 })();
}finally{
 console.log(&apos;always&apos;); // &apos;always&apos;
}</p> shrinkToFitContent 0 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 var a = \{\};\uc0\u8232 try\{\u8232 a.f();\u8232 \}catch(e)\{\u8232 console.log(e instanceof TypeError); // true\u8232 (function()\{\u8232 console.log('a.f()'); // 'a.f()'\u8232 \})();\u8232 \}finally\{\u8232 console.log('always'); // 'always'\u8232 \}} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: bold 14px "Courier New"; text-align: left; -cocoa-font-postscriptname: "CourierNewPS-BoldMT"; '>try/catch/finally</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs28 \cf2 try/catch/finally} title constrainedWidth 300 htmlText <p style='color: rgba(6, 53, 51, 1.000000); font: 14px "Helvetica Neue"; text-align: left; -cocoa-font-postscriptname: "HelveticaNeue-Light"; '>Flow control</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;} {\colortbl;\red255\green255\blue255;\red6\green53\blue51;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\fs28 \cf2 Flow control} title constrainedWidth 300 htmlText <p style='color: rgba(11, 24, 6, 1.000000); font: bold 18px "Helvetica Neue"; -cocoa-font-postscriptname: "HelveticaNeue-CondensedBold"; '>javascript in one pic</p> shrinkToFitContent 1 text {\rtf1\ansi\ansicpg936\cocoartf1347\cocoasubrtf570 {\fonttbl\f0\fnil\fcharset0 HelveticaNeue-CondensedBold;} {\colortbl;\red255\green255\blue255;\red11\green24\blue6;} \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural \f0\b\fs36 \cf2 javascript in one pic} printInfo BAtzdHJlYW10eXBlZIHoA4QBQISEhAtOU1ByaW50SW5mbwGEhAhOU09iamVjdACFkoSE hBNOU011dGFibGVEaWN0aW9uYXJ5AISEDE5TRGljdGlvbmFyeQCUhAFpCJKEhIQITlNT dHJpbmcBlIQBKxZOU0hvcml6b250YWxseUNlbnRlcmVkhpKEhIQITlNOdW1iZXIAhIQH TlNWYWx1ZQCUhAEqhIQBY50BhpKEmZkNTlNSaWdodE1hcmdpboaShJuchIQBZp5IhpKE mZkMTlNMZWZ0TWFyZ2luhpKEm5ygnkiGkoSZmRVOU0hvcml6b25hbFBhZ2luYXRpb26G koSbnISXlwKGkoSZmRROU1ZlcnRpY2FsUGFnaW5hdGlvboaShJucpZcAhpKEmZkUTlNW ZXJ0aWNhbGx5Q2VudGVyZWSGkpqShJmZC05TVG9wTWFyZ2luhpKEm5ygnlqGkoSZmQ5O U0JvdHRvbU1hcmdpboaShJucoJ5ahoaG title javascript in one pic version 4 ================================================ FILE: js in one pic.mm ================================================ ================================================ FILE: js in one pic.opml ================================================ javascript in one pic rainy