![var rx_number = /^(0(?:b[01]+|o[0-7]+|x[0-9a-fA-
F]+|.[0-9]+(?:e[+-]?[0-9]+)?)?|[1-9][0-
9]*(?:.[0-9]+)?(?:e[+-]?[0-9]+)?)$/;
function mega_regexp(str, fl) {
return new RegExp(str.replace(/s/, ""), fl);
}
const rx_number = mega_regexp(`^(
0 (?:
b [01]+
| o [0-7]+
| x [0-9 a-f A-F]+
| . [0-9]+ (?: e [+ -]? [0-9]+ )?
)?
| [1-9] [0-9]*
(?: . [0-9]+ )? (?: e [+ -]? [0-9]+ )?
)$`);](https://image.slidesharecdn.com/better2-180403112742/85/JS-Fest-2018-Douglas-Crockford-The-Better-Parts-35-320.jpg)
![var rx_number = /^(0(?:b[01]+|o[0-7]+|x[0-9a-fA-
F]+|.[0-9]+(?:e[+-]?[0-9]+)?)?|[1-9][0-
9]*(?:.[0-9]+)?(?:e[+-]?[0-9]+)?)$/;
function mega_regexp(str, fl) {
return new RegExp(str.replace(/s/, ""), fl);
}
const rx_number = mega_regexp(`^(
0 (?:
b [01]+
| o [0-7]+
| x [0-9 a-f A-F]+
| . [0-9]+ (?: e [+ -]? [0-9]+ )?
)?
| [1-9] [0-9]*
(?: . [0-9]+ )? (?: e [+ -]? [0-9]+ )?
)$`);
http://jex.im/regulex](https://image.slidesharecdn.com/better2-180403112742/85/JS-Fest-2018-Douglas-Crockford-The-Better-Parts-36-320.jpg)
![Good Parts Reconsidered
• I stopped using new years ago.
• I have stopped using Object.create.
• I have stopped using this.
[ADsafe.org]](https://image.slidesharecdn.com/better2-180403112742/85/JS-Fest-2018-Douglas-Crockford-The-Better-Parts-42-320.jpg)
JS Fest 2018. Douglas Crockford. The Better Parts
- 2. Antoine de Saint-ExupéryAntoine de Saint-Exupéry
- 4. Il semble que la perfection soit atteinte non quand il n’y a plus rien à ajouter, mais quand il n’y a plus rien à retrancher. Antoine de Saint-Exupéry Terre des Hommes, 1939 It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to take away.
- 5. Good Parts It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to take away.
- 6. If a feature is sometimes useful and sometimes dangerous and if there is a better option then always use the better option.
- 7. We are not paid to use every feature of the language. We are paid to write programs that work well and are free of error.
- 8. We are not paid to use every feature of the language. We are paid to write programs that work well and are free of error.
- 9. A good programming language should teach you.
- 10. I made every mistake with JavaScript you could make.
- 13. Arguments against good parts • Just a matter of opinion. • Every feature is an essential tool. • It is sometimes useful. • I have a right to use every feature. • I need the freedom to express myself. • I need to reduce my keystrokes. • It is an insult to suggest that I would ever make a mistake with a dangerous feature. • There is a good reason those features were added to the language.
- 15. The purpose of a programming language is to aid programmers in producing error-free programs.
- 16. It is not possible to write good programs in JavaScript.
- 17. It is not only possible to write good programs in JavaScript, it is necessary. It is not possible to write good programs in JavaScript.
- 19. Java <> JavaScript Star Trek Star Wars
- 20. Java <> JavaScript Star Trek • Phasers • Photon Torpedoes • Uniforms • Regulations Star Wars
- 21. Java <> JavaScript Star Trek • Phasers • Photon Torpedoes • Uniforms • Regulations Star Wars • Light Sabres & Blasters • Proton Torpedoes • Sand • Chaos
- 24. Meesa web ninja!
- 25. The fantasy of infallibility. The futility of faultlessness.
- 27. Scheduling A.The time it takes to write the code. B. The time it takes to make the code work right. Always take the time to code well.
- 28. New Good Parts in ES6 • Proper tail calls: return func();
- 29. New Good Parts in ES6 • Proper tail calls • Ellipsis...aka ...rest, aka ...spread function curry(func, ...first) { return function (...second) { return func(...first, ...second); }; } function curry(func) { var slice = Array.prototype.slice, args = slice.call(arguments, 1); return function () { return func.apply(null, args.concat(slice.call(arguments, 0))); }; }
- 30. New Good Parts in ES6 • Proper tail calls • Ellipsis • Module
- 31. New Good Parts in ES6 • Proper tail calls • Ellipsis • Module • let and const const fax = {}; fax = faz; // bad fax.fay = faz; // ok
- 32. New Good Parts in ES6 • Proper tail calls • Ellipsis • Module • Let • Destructuring let {that, other} = some_object; let that = some_object.that, other = some_object.other;
- 33. New Good Parts in ES6 • Proper tail calls • Ellipsis • Module • let and const • Destructuring • WeakMap
- 34. New Good Parts in ES6 • Proper tail calls • Ellipsis • Module • let and const • Destructuring • WeakMap • Megastring literals
- 35. var rx_number = /^(0(?:b[01]+|o[0-7]+|x[0-9a-fA- F]+|.[0-9]+(?:e[+-]?[0-9]+)?)?|[1-9][0- 9]*(?:.[0-9]+)?(?:e[+-]?[0-9]+)?)$/; function mega_regexp(str, fl) { return new RegExp(str.replace(/s/, ""), fl); } const rx_number = mega_regexp(`^( 0 (?: b [01]+ | o [0-7]+ | x [0-9 a-f A-F]+ | . [0-9]+ (?: e [+ -]? [0-9]+ )? )? | [1-9] [0-9]* (?: . [0-9]+ )? (?: e [+ -]? [0-9]+ )? )$`);
- 36. var rx_number = /^(0(?:b[01]+|o[0-7]+|x[0-9a-fA- F]+|.[0-9]+(?:e[+-]?[0-9]+)?)?|[1-9][0- 9]*(?:.[0-9]+)?(?:e[+-]?[0-9]+)?)$/; function mega_regexp(str, fl) { return new RegExp(str.replace(/s/, ""), fl); } const rx_number = mega_regexp(`^( 0 (?: b [01]+ | o [0-7]+ | x [0-9 a-f A-F]+ | . [0-9]+ (?: e [+ -]? [0-9]+ )? )? | [1-9] [0-9]* (?: . [0-9]+ )? (?: e [+ -]? [0-9]+ )? )$`); http://jex.im/regulex
- 37. New Bad Parts in ES6 • Proxies • Generators • Iterators • Symbols • Reflect • Fat Arrow Functions
- 38. (name) => {id: name}
- 39. Worst Bad Part in ES6 class
- 40. Good Parts Reconsidered • I stopped using new years ago. Use Object.create instead.
- 41. Good Parts Reconsidered • I stopped using new years ago. • I have stopped using Object.create.
- 42. Good Parts Reconsidered • I stopped using new years ago. • I have stopped using Object.create. • I have stopped using this. [ADsafe.org]
- 43. Good Parts Reconsidered • I stopped using new years ago. • I have stopped using Object.create. • I have stopped using this. • I have stopped using null.
- 44. Good Parts Reconsidered • I stopped using new years ago. • I have stopped using Object.create. • I have stopped using this. • I have stopped using null. • I have stopped using falsiness.
- 45. Loops Reconsidered • I don’t use for. I now use array.forEach and its many sisters. • I don’t use for in. I now use Object.keys(object).forEach. • ES6 will have proper tail calls. At that point I will stop using while.
- 46. function repeat(func) { while (func() !== undefined) { } } function repeat(func) { if (func() !== undefined) { return repeat(func); } }
- 48. Programmers are as emotional and irrational as normal people.
- 49. It took a generation to agree that high level languages were a good idea. It took a generation to agree that goto was a bad idea. It took a generation to agree that objects were a good idea. It took two generations to agree that lambdas were a good idea.
- 53. Prototypal Inheritance • Memory conservation. • May have made sense in 1995. • Confusion: Own vs inherited. • Retroactive heredity. • Performance inhibiting.
- 55. Block Scope { let a; { let b; … a … … b … } … a … }
- 56. Function Scope function green() { let a; function yellow() { let b; … a … … b … } … a … }
- 57. Function Scope function green() { let a; function yellow() { let b; … a … … b … } … a … } a
- 58. Closure function green() { let a; function yellow() { let b; … a … … b … } … a … } a b
- 59. Inner survives the outer function green() { let a; return function yellow() { let b; … a … … b … }; … a … }
- 60. function constructor(spec) { let {member} = spec; let {other} = other_constructor(spec); let method = function () { // member, other, method, spec }; return Object.freeze({ method, other }); }
- 61. function constructor(spec) { let {member} = spec; const {other} = other_constructor(spec); let method = function () { // member, other, method, spec }; return Object.freeze({ method, other }); }
- 62. function constructor(spec) { let {member} = spec; const {other} = other_constructor(spec); const method = function () { // member, other, method, spec }; return Object.freeze({ method, other }); }
- 63. function constructor(spec) { let {member} = spec; const {other} = other_constructor(spec); const method = function () { // member, other, method, spec }; return Object.freeze({ method, other }); }
- 64. A Bug Story private int index;
- 65. int • Overflow errors • Complement: saving gates in subtraction • Memory used to be really expensive and scarce
- 66. Number types Java: byte char short int long float double Wastes the programmer’s time by having to select the right type. Errors result from choosing the wrong type. No real benefit from chosing the right type. JavaScript: number (same as double) Having only one type is a huge improvement. Unfortunately, it is the wrong type.
- 67. Number types Java: byte char short int long float double Wastes the programmer’s time by having to select the right type. Errors result from choosing the wrong type. No real benefit. JavaScript: number (same as double) Having only one type is a huge improvement. Unfortunately, it is the wrong type.
- 68. 0.1 + 0.2 == 0.3 false
- 69. Binary Floating Point Made a lot of sense in the 1950s. Scientific | Business
- 70. DEC64 Number = Coefficient * 10Exponent CoefficientCoefficient Exponent
- 72. The JSON Data Interchange Format
- 73. JSON, XML
- 74. JSON, XML
- 75. Advice to data format standard designers • Don’t break JSON. • Make it significantly better. • Get a better name.
- 77. Responsibility 1. The People 2. The Team 3. Management
- 78. And finally, one piece of advice: Don’t make bugs.