◆ ESSAY
https://github.com/tc39/ecma402/milestone/4
String에서 replace를 하기 위해서는 .replace('origin', 'change') 를 썼지만, 모든 글자를 바꾸기 위해서는 gi를 활용해서 정규식 변환을 했었어야 했다.
const a = '123123123'
a.replace('1', 'a') // "a23123123"
a.replace(/1/gi, 'a') // "a23a23a23"
이제 replaceAll()을 사용하면 된다.
a.replaceAll(1, 'a') // "a23a23a23"
a.replace(/1/gi, 'a') === a.replaceAll(1, 'a') //true
말이 조금 어렵지만(?) 밑에 예제를 보 면 알수 있다.
let a = true
let b = 2
let c = 3
// 왼쪽이 참이면 a에 b를 할당한다.
a && (a = b)
a &&= b
// 왼쪽이 거짓이면 a에 b를 할당한다.
a || (a = b)
// 위 식은 아래와 같다
a ||= b
// 왼쪽이 nullish (null, undefined) 면 a를 b에 할당한다.
a ?? (a = b)
// 위 식은 아래와 같다
a ??= b
const a = 1000000
const b = 1_000_000
const c = 1_000_000.123_456
const d = 1000000.123456
a === b // true
c === d // true
숫제가 길어지면 ,를 찍는데, 이제 그것이 자바스크립트에서도 가능해진 것이다. 순전히 사람을 위한 기능이라고 보면 될것 같다.
Promise.all()과는 다르게, 배열중에 하나라도 먼저 끝나는게 있으면 그 결과를 리턴한다.
const promise1 = new Promise((resolve) => setTimeout(resolve, 100, 'first'))
const promise2 = new Promise((resolve) => setTimeout(resolve, 300, 'second'))
const promise3 = new Promise((resolve) => setTimeout(resolve, 500, 'third'))
const promises = [promise1, promise2, promise3]
Promise.any(promises).then((value) => console.log(value))
만약 이 중에 하나라도 resolve가 되지 않으면, AggregateError를 리턴한다. 이 에러는 배열안의 모든 에러를 하나로 합쳐서 보여준다.
자바스크립트에서는, 객체는 항상 강하게 참조되었다. 이 말은, 참고하고 있는 객체가 존재하는 이상, 절대로 메모리 내에서 객체가 가비지 컬렉팅이 되지 않는다는 것이다.
var a, b
a = b = document.querySelector('.someClass')
a = undefined
// b는 여전히 document.querySelector('.someClass')를 참조한다.
위 예제에서는, 객체를 메모리에 계속해서 남겨 두고 싶지 않기 때문에, WeakRef를 사용하여 캐시나 큰 객체의 매핑을 구현할 수 있다. 사용하지 않는 경우에는, 메모리를 가비지 컬렉팅하여 필요할 때 마다 새로운 캐시를 생성할 수 있다.
const x = new WeakRef(document.querySelector('.gatsby-highlight'))
const element = x.deref()
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakRef
그러나 이 WeakRef는 가능한 사용을 피하라고 언급되어 있다. 가비지 컬렉터가 작동하는 타이밍, 방법, 및 실행 여부는 자바스크립트 엔진 구현에 따라 달려 있기 때문에 자바스크립트 엔진 마다 이 동작이 달라질 수 있기 때문이다.
Next.js 16 turbopack 프로덕션 빌드에서 모듈 스코프 싱글톤이 런타임에 두 개가 됐다. 같은 동기 구간에서 조건 판정이 뒤집히고, 응답이 도착해도 타임아웃이 나는 증상을 번들 산출물로 추적한 기록. scope hoisting의 부분 병합, 순환 import, 이미 고쳐져 있던 upstream 버그, 그리고 뒤늦게 돌린 단일 변수 실험까지.
number-flow가 애니메이션을 켜는 최소 버전은 Chrome 125, Safari 17.2다. 이 하한을 Chrome 66과 WebKit 16.4까지 내리는 포크를 만들면서 내린 결정들과, 뒤집게 된 판단 두 가지, 그리고 자동 강등을 포기한 Safari 버그 조사의 기록.
집필 중인 Node.js Deep Dive의 5.2장(vm 모듈의 함정) 일부를 미리 공개합니다.
많관부22