728x90
반응형
728x90
반응형
반응형
// string-raw.js
let a = `hello\nNHNworld`;
let res = String.raw`hello\nNHNworld`;
console.log(a);
// hello
// NHNworld
console.log(res);
// hello\nNHNworld
728x90
반응형

'Javascript' 카테고리의 다른 글

Callback Hell  (0) 2018.11.22
Error first callback  (0) 2018.11.22
template tag  (0) 2018.11.22
치환자 ${}  (0) 2018.11.22
JSFiddle 에서 console 사용하기  (0) 2018.11.22
반응형
// template-tag.js
let count = 10;
let price = 0.25;
let message = passthru`${count} items cost $${(count * price).toFixed(2)}.`;
function passthru(literals, ...substitutions) {
console.log(literals); // [ '', ' items cost $', '.' ]
console.log(substitutions); // [ 10, '2.50' ]
}
728x90
반응형

'Javascript' 카테고리의 다른 글

Error first callback  (0) 2018.11.22
String.raw  (0) 2018.11.22
치환자 ${}  (0) 2018.11.22
JSFiddle 에서 console 사용하기  (0) 2018.11.22
TDZ  (0) 2018.11.22
반응형
// ${}
let count;
let cnt = 10;
let price = 0.25;
let message = `${count}: $${(cnt*price).toFixed(2)}`;
console.log(message); // 10: $2.50
728x90
반응형

'Javascript' 카테고리의 다른 글

String.raw  (0) 2018.11.22
template tag  (0) 2018.11.22
JSFiddle 에서 console 사용하기  (0) 2018.11.22
TDZ  (0) 2018.11.22
non TDZ  (0) 2018.11.22
반응형

JS피들에서 console.log()를 사용하고 싶다면 다음과 같이 수행한다.

- 좌측 메뉴 중 'Resources' 선택

- 우측 서브메뉴에서 'URL'을 선택 후, 다음의 URL을 입력

  https://rawgit.com/eu81273/jsfiddle-console/master/console.js

- 끝.

- Javascript 창에서 테스트를 위한 코드를 입력 후, Run 실행

  console.log('Hello');


728x90
반응형

'Javascript' 카테고리의 다른 글

template tag  (0) 2018.11.22
치환자 ${}  (0) 2018.11.22
TDZ  (0) 2018.11.22
non TDZ  (0) 2018.11.22
closure  (0) 2018.11.22
반응형
// tdz.js
var con = 10;
if(con){
console.log(typeof a); // ReferenceError: a is not defined
let a = 10;
}
728x90
반응형

'Javascript' 카테고리의 다른 글

치환자 ${}  (0) 2018.11.22
JSFiddle 에서 console 사용하기  (0) 2018.11.22
non TDZ  (0) 2018.11.22
closure  (0) 2018.11.22
fibonacci.js  (0) 2018.11.08
반응형
// non-tdz.js
var vv = 10;
console.log(typeof a); // undefined
if(vv){
let a = 10; // If 'var a = 10;', then what will gonna do?
}
728x90
반응형

'Javascript' 카테고리의 다른 글

JSFiddle 에서 console 사용하기  (0) 2018.11.22
TDZ  (0) 2018.11.22
closure  (0) 2018.11.22
fibonacci.js  (0) 2018.11.08
iteration from 'Learning Javascript'  (0) 2018.11.08
반응형
// closure.js
// var
var funcs = [];
for(var i = 0; i < 10; i += 1) {
funcs.push( function(){return i;} );
}
console.log('i : ' + i); // 10
funcs.forEach(function(func){
func(); // 10 * ten times
});
// let
let funcs2 = [];
for(let j = 0; j < 10; j += 1) {
funcs2.push( function(){return j;} );
}
funcs2.forEach(function(func2){
func2(); // 0, 1, 2, 3, 4, ..., 9
});
728x90
반응형

'Javascript' 카테고리의 다른 글

TDZ  (0) 2018.11.22
non TDZ  (0) 2018.11.22
fibonacci.js  (0) 2018.11.08
iteration from 'Learning Javascript'  (0) 2018.11.08
화살표 함수 Arrow function of javascript  (0) 2018.09.28
반응형
// fibonacci.js
class FibonacciSequence {
[Symbol.iterator]() {
let a = 0, b = 1;
return {
next() {
let rval = { value: b, done: false };
b += a;
a = rval.value;
return rval;
}
};
}
}
const fib = new FibonacciSequence();
let i = 0;
for(let n of fib) {
console.log(n);
if(++i > 9)
break;
}
728x90
반응형

'Javascript' 카테고리의 다른 글

non TDZ  (0) 2018.11.22
closure  (0) 2018.11.22
iteration from 'Learning Javascript'  (0) 2018.11.08
화살표 함수 Arrow function of javascript  (0) 2018.09.28
javascript require 예제  (0) 2018.08.23
반응형
// it.js
class Log {
constructor() {
this.messages = [];
}
add(message) {
this.messages.push({ message, timestamp: Date.now() });
}
// create iterator
[Symbol.iterator]() {
let i = 0;
const messages = this.messages;
return {
next() {
if (i >= messages.length)
return { value: undefined, done: true };
return { value: messages[i++], done: false };
}
}
}
}
let log = new Log();
log.add('first log');
log.add('second log');
log.add('third log');
for (let entry of log) {
console.log(`${entry.message} @ ${entry.timestamp}`);
}
728x90
반응형

'Javascript' 카테고리의 다른 글

non TDZ  (0) 2018.11.22
closure  (0) 2018.11.22
fibonacci.js  (0) 2018.11.08
화살표 함수 Arrow function of javascript  (0) 2018.09.28
javascript require 예제  (0) 2018.08.23
반응형
// code from https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98
var materials = [
'Hydrogen',
'Helium',
'Lithium',
'Beryllium'
];
materials.map(function(material) {
return material.length;
}); // [8, 6, 7, 9]
materials.map((material) => {
return material.length;
}); // [8, 6, 7, 9]
materials.map(({length}) => length); // [8, 6, 7, 9]
728x90
반응형

'Javascript' 카테고리의 다른 글

non TDZ  (0) 2018.11.22
closure  (0) 2018.11.22
fibonacci.js  (0) 2018.11.08
iteration from 'Learning Javascript'  (0) 2018.11.08
javascript require 예제  (0) 2018.08.23
반응형
// fileA.js
let a = 3;
let b = 4;
exports.sum = function(c, d) {
console.log( "[fileA] sum() : a = " + a );
console.log( "[fileA] sum() : b = " + b );
console.log( "[fileA] sum() : c = " + c );
console.log( "[fileA] sum() : d = " + d );
return a + b + c + d;
}
// fileB.js
let a = 5;
let b = 6;
let moduleA = require("./fileA.js");
let retA = moduleA.sum(a,b); // 3+4+5+6 = 18
console.log( "[fileB] retA = " + retA );
let e = 5;
f = 6;
console.log( "[fileB] (before require) e = " + e + ", f = " + f);
let moduleC = require("./fileC.js");
console.log( "[fileB] (after require) e = " + e + ", f = " + f);
let retC = moduleC.sum(e,f); // 3+4+5+4 = 14
console.log( "[fileB] retC = " + retC );
// fileC.js
let e = 3;
f = 4;
exports.sum = function(g, h) {
console.log( "[fileC] sum() : e = " + e );
console.log( "[fileC] sum() : f = " + f );
console.log( "[fileC] sum() : g = " + g );
console.log( "[fileC] sum() : h = " + h );
return e + f + g + h;
}
728x90
반응형

'Javascript' 카테고리의 다른 글

non TDZ  (0) 2018.11.22
closure  (0) 2018.11.22
fibonacci.js  (0) 2018.11.08
iteration from 'Learning Javascript'  (0) 2018.11.08
화살표 함수 Arrow function of javascript  (0) 2018.09.28

+ Recent posts