## Prototype your design! Robert Griesemer dotGo 2016, Paris ## Getting to good software design • Literature is full of design paradigms • Usually involves ○ Design docs Feedback from reviewers requires prototyping Try stuff Reframe problems Empathize Ideate Build your way forward! Define Prototype Test ## Example: Designing Go support for numerical apps ![Image](/uploads/documents/b/0/9/9/ by hand, or automatically, via a source-to-source rewriter. ## A prototype allows us to explore the design space ## Design the prototype • Allow index operators as method names 。 [ ] indexed getter

// setting game configuration and loading the assets for the loading screen 6 SpaceHipster.Boot.prototype = { 7 preload: function() { 8 // assets we'll use in the loading screen 9 this.load.image('logo' 3 //loading the game assets 4 SpaceHipster.Preload = function() { 5 6 SpaceHipster.Preload.prototype = { 7 preload: function() { 8 //show logo in loading screen 9 this stars background and some text. SpaceHipster.MainMenu = function() { SpaceHipster.MainMenu.prototype = { create: function() { // show the space tile, repeated this.background

LiveScript 改名为 JavaScript。基本上，JavaScript 这个名字的原意是“很像 Java 的脚本语言”。 JavaScript 语言的函数是一种独立的数据类型，以及采用基于原型对象（prototype）的继承链。这是它与 Java 语法最大的两点区别。JavaScript 语法要比 Java 自由得多。 另外，Java 语言需要编译，而 JavaScript 语言则是运行时由解释器直接执行。 JavaScript 有三种方法，可以确定一个值到底是什么类型。 - typeof 运算符 - instanceof 运算符 • Object.prototype.toString 方法 instanceof 运算符和 Object.prototype.toString 方法，将在后文介绍。这里介绍 typeof 运算符。 typeof 运算符可以返回一个值的数据类型。 数值、字符串、布尔值分别返回 arguments 对象使用数组方法，真正的解决方法是将 arguments 转为真正的数组。下面是两种常用的转换方法：slice 方法和逐一填入新数组。 1. var args = Array.prototype.slice.call(arguments); 2. 3. // 或者 4. var args = []; 函数 5. for (var i = 0; i < arguments.length;

1 Duration Their durations are defined using the last verb: @startgantt [Prototype design] lasts 15 days [Test prototype] lasts 10 days -- All example -- [Task 1 (1 day)] lasts 1 day [T2 (5 days)] 2020-07-01 [Prototype design] starts 2020-07-01 [Test prototype] starts 2020-07-16 @endgantt  @startgantt [Prototype design] design] lasts 15 days [Test prototype] lasts 10 days [Prototype design] starts D+0 [Test prototype] starts D+15 @endgantt

PlantUML 1.2023.11 Guía de Referencia del Lenguaje

1 Duration Their durations are defined using the last verb: @startgantt [Prototype design] lasts 15 days [Test prototype] lasts 10 days -- All example -- [Task 1 (1 day)] lasts 1 day [T2 (5 days)] 2020-07-01 [Prototype design] starts 2020-07-01 [Test prototype] starts 2020-07-16 @endgantt  @startgantt [Prototype design] design] lasts 15 days [Test prototype] lasts 10 days [Prototype design] starts D+0 [Test prototype] starts D+15 @endgantt

1

2

3

4

5

6

<

PlantUML 1.2023.11 Sprachreferenz

1 Duration Their durations are defined using the last verb: @startgantt [Prototype design] lasts 15 days [Test prototype] lasts 10 days -- All example -- [Task 1 (1 day)] lasts 1 day [T2 (5 days)] 2020-07-01 [Prototype design] starts 2020-07-01 [Test prototype] starts 2020-07-16 @endgantt  @startgantt [Prototype design] design] lasts 15 days [Test prototype] lasts 10 days [Prototype design] starts D+0 [Test prototype] starts D+15 @endgantt

1

2

3

4

5

6

PlantUML 을사용해서 UML 그리기 - PlantUML 언어참조가이드(Version 1.2023.11)

1 Duration Their durations are defined using the last verb: @startgantt [Prototype design] lasts 15 days [Test prototype] lasts 10 days -- All example -- [Task 1 (1 day)] lasts 1 day [T2 (5 days)] the start verb: @startgantt [Prototype design] lasts 15 days [Test prototype] lasts 10 days Project starts 2020-07-01 [Prototype design] starts 2020-07-01 [Test prototype] starts 2020-07-16 @endgantt 8ba94c2bb9bf6030/p335_2.jpg) @startgantt [Prototype design] lasts 15 days [Test prototype] lasts 10 days [Prototype design] starts D+0 [Test prototype] starts D+15 @endgantt

1

2

3

4

5

6

PlantUML 1.2023.11 Guide de référence du langage

Durée Leurs durées sont définies à l'aide du verbe last @startgantt [Prototype design] lasts 15 days [Test prototype] lasts 10 days -- All example -- [Task 1 (1 day)] lasts 1 day [T2 (5 days)] @startgantt language fr [Prototype design] lasts 15 days [Test prototype] lasts 10 days Project starts 2020-07-01 [Prototype design] starts 2020-07-01 [Test prototype] starts 2020-07-16 @endgantt End Leur fin est définie à l'aide du verbe end @startgantt language fr [Prototype design] lasts 15 days [Test prototype] lasts 10 days @endgantt ![Image](/uploads/documents/2/f/2/7/2f275fdd930

0 码力 | 534 页 | 7.56 MB | 2 年前

3

阮一峰 《ECMAScript 6入门》 第三版

解构赋值时，如果等号右边是数值和布尔值，则会先转为对象。 let {toString: s} = 123; s === Number.prototype.toString // true let {toString: s} = true; s === Boolean.prototype.toString // true 上面代码中，数值和布尔值的包装对象都有 `toString` 属性，因此变量 s 都能取到值。 "i" 上面代码中，原有正则对象的修饰符是 ig，它会被第二个参数 i 覆盖。 String.prototype.split 调用 RegExp.prototype[Symbol.split] String.prototype.match 调用 RegExp.prototype[Symbol.match] ## 字符串的正则方法 字符串对象共有4个方法，可以使用正则表达 式：m RegExp 的实例方法，从而做到所有与正则相关的方法，全都定义在 RegExp 对象上。 String.prototype.replace 调用 RegExp.prototype[Symbol.replace] String.prototype.search 调用 RegExp.prototype[Symbol.search] ## u 修饰符 ES6 对正则表达式添加了 u 修饰符，含义为“Unicode

0 码力 | 679 页 | 2.66 MB | 2 年前

3

PlantUML 1.2020.23 Справочное руководство по языку

1.1 Duration Their durations are defined using the last verb: @startgantt [Prototype design] lasts 15 days [Test prototype] lasts 10 days -- All example -- [Task 1 (1 day)] lasts 1 day [T2 (5 days)] lasts using the start verb: @startuml [Prototype design] lasts 15 days [Test prototype] lasts 10 days Project starts 2020-07-01 [Prototype design] starts 2020-07-01 [Test prototype] starts 2020-07-16 @enduml the end verb: ## @startuml [Prototype design] lasts 15 days [Test prototype] lasts 10 days Project starts 2020-07-01 [Prototype design] ends 2020-07-15 [Test prototype] ends 2020-07-25 ## @enduml

0 码力 | 306 页 | 3.12 MB | 2 年前

3