<html>
<head>
<meta name="description" content="simple generator example from ShakaCode">
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.13.0/polyfill.min.js"></script>
<script src="https://fb.me/react-with-addons-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
<script src="https://cdn.rawgit.com/lodash/lodash/4.5.1/dist/lodash.min.js"></script>
<script src="https://cdn.rawgit.com/lodash/lodash/4.5.1/dist/lodash.fp.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
</body>
</html>
// noprotect
// line above is for generators
// lodash/fp is `_`
function firstYieldParam() {
console.log('firstYieldParam called');
return 'What generator gives back to controller first yield';
}
function* generator(param) {
console.log('before the line with yield in the generator, param = ', param);
const whatControllerGaveTheGenerator = yield firstYieldParam();
const paramToSecondYield = `whatControllerGaveTheGenerator is ${whatControllerGaveTheGenerator}`;
const whatControllerGaveTheGenerator2 = yield paramToSecondYield;
console.log(`whatControllerGaveTheGenerator2 is ${whatControllerGaveTheGenerator2}`);
return 'this is the return value from the generator';
}
function controller() {
console.log(`Running the controller(), about to call generator()`);
const iterator = generator({a: 1});
//console.log(iterator);
console.log(`About to call iterator.next`); // ('param for first time next is called ==> unused')`);
const firstResult = iterator.next(); // 'param for first time next is called ==> unused.');
console.log(`firstResult from iterator.next()`, firstResult);
const secondResult = iterator.next('param for second time next is called.');
console.log(`secondResult from iterator.next()`, secondResult);
const thirdResult = iterator.next('param for third time next is called.');
console.log(`thirdResult from iterator.next()`, thirdResult);
}
controller();
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |