검색 결과

CSSOM 명세서 스타일시트와 스타일 규칙, 이 둘을 어떻게 조작할 수 있는지, 이 둘과 문서 사이의 관계를 어떻게 조작할 수 있는지에 대한 설명이 담겨있고, https://www.w3… .org/TR/cssom-1/에서 볼 수 있습니다.… 몇몇 클래스에 대한 설명은 https://spec.whatwg.org/에서 확인할 수 있습니다.… 프로퍼티나 메서드에 대한 설명을 읽고 싶을 때 Mozilla 재단의 매뉴얼 https://developer.mozilla.org/en-US/search을 찾아보는 것도 좋긴 하지만,… q=whatwg+localstorage, https://google.com?q=mdn+localstorage 처럼 말이죠.

공식 버전이 나오기 이전의 최신 초안은 https://tc39.es/ecma262/에서 확인할 수 있습니다.… 갓 명세서에 등록된 기능이나 '등록되기 바로 직전’에 있는 기능(스테이지(stage)3 상태의 기능), 제안 목록은 https://github.com/tc39/proposals에서… 링크는 다음과 같습니다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference 위 사이트에 들어가서 원하는 내용을 직접… Google 검색 엔진에 접속해 'MDN [원하는 용어]'를 입력해 봅시다. parseInt 함수에 대한 정보를 얻고 싶다면 https://google.com/search?… 관련 기능인 cryptography를 특정 브라우저에서 사용할 수 있는지 아닌지를 보려면 http://caniuse.com/#feat=cryptography를 확인하면 됩니다. https

문자 유니코드 유니코드의 바이트 수 a 0x0061 2 ≈ 0x2248 2 𝒳 0x1d4b3 4 𝒴 0x1d4b4 4 😄 0x1f604 4 보다시피… 문자별 프로퍼티 목록: https://unicode.org/cldr/utility/character.jsp 프로퍼티별 문자 목록: https://unicode.org/cldr/utility… /list-unicodeset.jsp 프로퍼티별 줄임말: https://www.unicode.org/Public/UCD/latest/ucd/PropertyValueAliases.txt… 텍스트 형식으로 정리된 유니코드 문자와 각 문자의 모든 프로퍼티: https://www.unicode.org/Public/UCD/latest/ucd/ 예시: 16진수.실제 사례로… 16진수를 찾아봅시다. xFF 형식으로 쓰고 F 자리에는 16진수의 숫자(0…1이나 A…F)가 들어갑니다. 16진수 숫자는 \p{Hex_Digit}로 표기합니다.

Built-in events mostly have composed: true, as described in the relevant specifications: UI Events https… ://www.w3.org/TR/uievents.… Touch Events https://w3c.github.io/touch-events.… Pointer Events https://www.w3.org/TR/pointerevents. …And so on.

callback=gotWeather"를 속성으로 갖는 <script> 태그를 만듭니다. 1에서 만든 함수를 URL 매개변수 callback의 값으로 사용하였습니다… CORS와 안전한 요청.크로스 오리진 요청을 보낼 경우 브라우저는 항상 Origin이라는 헤더를 요청에 추가합니다. https://javascript.info/page에서 https… 이 헤더엔 허가된 오리진(위 예시에선 https://javascript.info)에 대한 정보나 *이 명시됩니다.… Content-Type이 application/x-www-form-urlencoded나 multipart/form-data, text/plain가 아닙니다.… 비표준 헤더 API-Key를 사용합니다. 1단계(preflight 요청).본 요청을 보내기 전에 브라우저는 자체적으로 다음과 같은 preflight 요청을 보냅니다.

Request from HTTPS to HTTP (from safe to unsafe protocol).… "strict-origin" – send only origin, don’t send Referer for HTTPS→HTTP requests.… "unsafe-url" – always send full url in Referer, even for HTTPS→HTTP requests.… Here’s a table with all combinations: Value To same origin To another origin HTTPS→HTTP "… Referer: https://javascript.info/admin/secret/paths.

The browser can’t free it.… For screenshotting a page, we can use a library such as https

Technically, if we have a text field to hack, then we can position an iframe in such a way that text… This not a reliable defence, because there are many ways to hack around it. Let’s cover a few.

origin: http://site.com http://site.com/ http://site.com/my/page.html These ones do not: http://www.site.com… (another domain: www. matters) http://site.org (another domain: .org matters) https://site.com (another… protocol: https) http://site.com:8080 (another port: 8080) The “Same Origin” policy states that: if

be either a custom element, or one of: “article”, “aside”, “blockquote”, “body”, “div”, “footer”, “h1…… DOM: https://dom.spec.whatwg.org/#shadow-trees Compatibility: https://caniuse.com/#feat=shadowdomv1 Shadow

에러가 없는 예시: (1)과 (2)를 alert 창에 보여줌… 에러가 있는 예시: (1)과 (… 코드를 실행하고 프롬프트 대화상자에 35를 입력하면 try 다음에 finally가 정상적으로 실행되면서 연산 시간을 확인할 수 있습니다. -1을 입력하면 에러가 발생하고, 연산 시간은… window.onerror만으로 스크립트를 복구하는 건 사실상 불가능하죠. window.onerror는 개발자에게 에러 메시지를 보내는 용도로 사용합니다. window.onerror말고 https… ://errorception.com 나 http://www.muscula.com같은 에러 로깅 관련 상용 서비스가 여러 가지 있습니다.

The native interface to IndexedDB, described in the specification https://www.w3.org/TR/IndexedDB, is… Let’s say: A visitor opened our site in a browser tab, with database version 1.… And it can’t be both version 1 and 2.… First let’s deal with the keys and key ranges (1).… The examples are at the lib page https://github.com/jakearchibald/idb.

예를 들어 \d\s\w는 1 a처럼 ‘숫자’ 뒤에 ‘공백 문자’ 뒤에 '단어에 들어가는 문자’를 의미합니다. 정규 표현식에 일반 기호와 문자 클래스를 같이 사용할 수 있습니다.… Firefox, IE, Edge에서 지원하지 않음 https://caniuse.com/#search=dotall에서 지원 여부의 최신 상황을 확인해보세요.… 사람에게는 문자열 1-5나 1 - 5나 거의 같으니까요. 하지만 정규 표현식에서 공백을 염두하지 않으면 원하는 결과를 얻지 못할 수 있습니다.

. – (1) Symbol.asyncIterator는 프라미스를 반환하는 메서드인 next()가 구현된 객체를 반환해야 합니다. – (2) next()는 async 메서드일 필요는… 이제 1초의 간격을 두고 값을 얻을 수 있습니다. 실제 사례.지금까진 아주 간단한 예시들만 살펴보며, async 제너레이터에 대한 기초를 다졌습니다.… 클라이언트는 https://api.github.com/repos/<repo>/commits 형태의 URL로 요청을 보냅니다.… 헤더에서 https://api.github.com/repositories/93253246/commits?page=2형태의 URL만 추출하기 위해 정규표현식을 사용하였습니다.

새로운 제안(proposal)이 정기적으로 등록, 분석되고, 가치가 있다고 판단되는 제안은 https://tc39.github.io/ecma262/에 추가됩니다.… 엔진별로 어떤 기능을 지원하고 있는지는 https://kangax.github.io/compat-table/es6/에서 확인할 수 있습니다.

ws말고 wss://라는 프로토콜도 있는데, 두 프로토콜의 관계는 HTTP와 HTTPS의 관계와 유사합니다.… Origin – 클라이언트 오리진(예시에선 https://javascript.info)을 나타냅니다.… 부라우저에서 페이지 종료) 1009 – 메시지가 너무 커서 처리하지 못함 1011 – 서버 측에서 비정상적인 에러 발생 …기타 등등… 코드 전체 목록은 RFC6455, §7.4.1에서… 커넥션 상태.커넥션 상태를 알고 싶다면 socket.readyState 프로퍼티의 값을 확인하면 됩니다. 0 – “CONNECTING”: 연결 중 1 – “OPEN”: 연결이 성립되고… Requests to WebSocket use wss://ws.site.com, a subdomain that leads to the WebSocket server, while https

secure. secure 이 옵션을 설정하면 HTTPS로 통신하는 경우에만 쿠키가 전송됩니다. secure 옵션이 없으면 기본 설정이 적용되어 http://site.com에서 설정… (생성)한 쿠키를 https://site.com에서 읽을 수 있고, https://site.com에서 설정(생성)한 쿠키도 http://site.com에서 읽을 수 있습니다.… 하지만 secure 옵션이 설정된 경우, https://site.com에서 설정한 쿠키는 http://site.com에서 접근할 수 없습니다.… 이 사이트엔 해커에게 송금을 요청하는 폼(form) <form action="https://bank.com/pay">이 있고, 이 폼은 자동으로 제출되도록… 배너는 다른 도메인 <img src="https://ads.com/banner.png"> 에서 가져옵니다.

<select> 요소에 대한 명세는 아래 링크에서 볼 수 있습니다 https://html.spec.whatwg.org/multipage/forms.html#the-select-element… 명세서: https://html.spec.whatwg.org/multipage/forms.html.

콘솔 창에 구문(statement)을 입력하고 실행하면 아랫줄에 실행 결과가 출력됩니다. 1+2를 입력하면 3이 출력되고, hello("debugger")를 입력하면… -- https://github.com/ChromeDevTools/devtools-frontend/blob/master/front_end/Images/src/largeIcons.svg… Google에서 제공하는 개발자 도구 공식 매뉴얼은 https://developers.google.com/web/tools/chrome-devtools에서 확인할 수 있습니다.

HTML Living Standard: https://html.spec.whatwg.org/#custom-elements.… Compatiblity: https://caniuse.com/#feat=custom-elements.… Edge is a bit behind, but there’s a polyfill https://github.com/webcomponents/polyfills/tree/master/packages

At index 1: the contents of the first parentheses.… Now we’ll get both the tag as a whole <h1> and its contents h1 in the resulting array:… The first group is returned as result[1]. Here it encloses the whole tag content.… A polyfill may be required, such as https://github.com/ljharb/String.prototype.matchAll.

So, e.g. a script at https://facebook.com can’t read the user’s mailbox at https://gmail.com.

URLSearchParams – 데이터를 x-www-form-urlencoded 형태로 보내기 위해 쓰이는데, 요즘엔 잘 사용하지 않습니다.

On the other hand, we should keep in mind that the mouse pointer doesn’t “visit” all elements along the

https://caniuse.com/#feat=bigint에서 브라우저별 지원 여부를 확인할 수 있습니다.

메서드에 대한 자세한 설명은 https://w3c.github.io/beacon/에서 찾아볼 수 있습니다. sendBeacon는 데이터를 백그라운드에서 전송합니다.… [1] initial readyState:loading [2] readyState:interactive [2] DOMContentLoaded [3] iframe onload [4… 같은 숫자는 1 미리 초 오차 범위 내에서 동시에 실행된 이벤트라는 것을 의미합니다.

조절점이 2개일 때: P = (1-t)P1 + tP2 조절점이 3개일 때: P = (1−t)2P1 + 2(1−t)tP2 + t2P3 조절점이 4개일 때: P = (1−t)3P1… + 3(1−t)2tP2 +3(1−t)t2P3 + t3P4 위 식들은 벡터 방정식입니다.… x = (1−t)2x1 + 2(1−t)tx2 + t2x3 y = (1−t)2y1 + 2(1−t)ty2 + t2y3 x1과 y1, x2와 y2, x3과 y3엔 세 조절점의 x, y… 조절점이 (0,0), (0.5, 1), (1, 0)인 경우, 방정식은 다음과 같습니다.… x = (1−t)2 * 0 + 2(1−t)t * 0.5 + t2 * 1 = (1-t)t + t2 = t y = (1−t)2 * 0 + 2(1−t)t * 1 + t2 * 0 = 2(1

Math.floor 소수점 첫째 자리에서 내림(버림). 3.1은 3, -1.1은 -2가 됩니다.… Math.ceil 소수점 첫째 자리에서 올림. 3.1은 4, -1.1은 -1이 됩니다.… Math.round 소수점 첫째 자리에서 반올림. 3.1은 3, 3.6은 4, -1.1은 -1이 됩니다.… Math.trunc (Internet Explorer에서는 지원하지 않음) 소수부를 무시. 3.1은 3이 되고 -1.1은 -1이 됩니다.… Math.floor Math.ceil Math.round Math.trunc 3.1 3 4 3 3 3.6 3 4 4 3 -1.1 -2 -1 -1 -1 -1.6 -2

값이 음수일 땐 애니메이션 효과가 중간부터 나타납니다. transition-duration을 2s, 지연 시간을 -1s로 설정하면 애니메이션 효과는 1초가 지난 후 1초 동안 지속됩니다… 첫 번째 조절점: (0,0) 마지막 조절점: (1,1) 중간 조절점들: x가 0과 1 사이에 있어야 함. y엔 제약이 없음 CSS에선 베지어 곡선을 cubic-bezier(x2,… 가장 간단한 timing 함수를 적용하면 애니메이션 효과가 일정한 속도로 나타납니다. cubic-bezier(0, 0, 1, 1)를 사용해 기울기가 1인 직선형 함수를 만들어봅시다.… 1)와 동일한 효과를 줍니다.… ease* ease-in ease-out ease-in-out (0.25, 0.1, 0.25, 1.0) (0.42, 0, 1.0, 1.0) (0, 0, 0.58, 1.0) (

curry(func)의 반환값은 function(a)형태의 래퍼입니다. curriedSum(1)같은 함수가 호출되었을 때, 그 인수는 렉시컬 환경에 저장이 되고 새로운 래퍼 function… 인수가 세 개이므로 sum.length = 3 입니다. curried(1)(2)(3)이 호출되는 과정은 다음과 같습니다.… 첫 번째 curried(1) 을 호출할때 1을 렉시컬 환경에 기억하고 curried(1) 이 pass 래퍼를 반환합니다. pass래퍼가 (2)와 함께 호출됩니다.… 이전의 인수인 (1)을 가져서 (2)와 연결하고curried (1, 2)를 함께 호출합니다.… 다음 호출인 pass(3)가 이전의 인수들인 (1, 2)를 가져오고 3을 추가하고 curried(1, 2, 3) 호출을 합니다 – 여기에 3인수는 마지막으로, 원래의 함수에 전달됩니다

\1.… Further in the pattern \1 means “find the same text as in the first group”, exactly the same quote in… Don’t mess up: in the pattern \1, in the replacement: $1 In the replacement string we use… a dollar sign: $1, while in the pattern – a backslash \1.

new Date(milliseconds) UTC 기준(UTC+0) 1970년 1월 1일 0시 0분 0초에서 milliseconds 밀리초(1/1000 초) 후의 시점이 저장된 Date… 1일 이전 날짜에 해당하는 타임스탬프 값은 음수입니다.… 예시: 최소 정밀도는 1밀리초(1/1000초)입니다.… getTime() 주어진 일시와 1970년 1월 1일 00시 00분 00초 사이의 간격(밀리초 단위)인 타임스탬프를 반환합니다.… 자바스크립트는 마이크로초(1/1,000,000초)를 지원하진 않지만 대다수의 호스트 환경은 마이크로초를 지원합니다.

n == 1일 때: 모든 절차가 간단해집니다.… 1)으로 표현할 수 있습니다.… pow(2, 1).동일한 과정이 다시 반복됩니다. 다섯 번째 줄에서 인수 x = 2, n = 1과 함께 새로운 서브 호출이 만들어집니다.… 서브 호출 pow (2, 1)의 결과를 알고 있으므로, 쉽게 x * pow (x, n - 1)를 계산해 4를 반환합니다.… list.next가 1이 아닌 2를 value로 갖는 객체를 가리키게 만들어보았습니다. 이제 value 1은 체인에서 제외됩니다.

예시: 변수 x의 값과 첫 번째 case문의 값 'value1'… 표현식 +a를 평가하면 1이… 이 값은 첫 번째 case문의 표현식 b + 1을 평가한 값(1)과 일치하죠. 따라서 첫 번째 case문 아래의 코드가 실행됩니다.… 0이나 1을

이제 가장 마지막에 선택했던 요소는 $0으로, 그 이전에 선택했던 요소는 $1로 접근할 수 있습니다.… Chrome 개발자 도구 문서 사이트 https://developers.google.com/web/tools/chrome-devtools로 가시면 다양한 기능을 살펴볼 수 있습니다.

result가 핸들러 체인을 따라 전달되므로, alert 창엔 1, 2, 4가 순서대로 출력됩니다.… 따라서 위 예시를 실행하면 얼럿 창엔 전부 1이 출력됩니다. 이런 식으로 한 프라미스에 여러 개의 핸들러를 등록해서 사용하는 경우는 거의 없습니다.… 따라서 얼럿 창엔 이전 예시와 동일하게 1, 2, 4가 차례대로 출력됩니다. 다만 얼럿 창 사이에 1초의 딜레이가 생깁니다.… 위 예제에서 가장 깊은 곳에 있는 중첩 콜백은 script1, script2, script3 안에 있는 변수 모두에 접근할 수 있습니다.… 위 예시에서 resolve(2)는 1초 후에 호출됩니다((**)). 호출 후 결과는 체인을 따라 아래로 전달됩니다.

인덱스 1이 가리키는 요소부터 시작해 요소 한 개(1)를 지웠습니다.… 재정렬 후 배열 요소가 1, 15, 2가 되었습니다. 기대하던 결과(1, 2, 15)와는 다르네요. 왜 이런 결과가 나왔을까요? 요소는 문자열로 취급되어 재 정렬되기 때문입니다.… 함수 최초 호출 시, reduce의 마지막 인수인 0(초깃값)이 sum에 할당됩니다. current엔 배열의 첫 번째 요소인 1이 할당됩니다. 따라서 함수의 결과는 1이 됩니다.… 두 번째 호출 시, sum = 1 이고 여기에 배열의 두 번째 요소(2)가 더해지므로 결과는 3이 됩니다.… sum current result 첫 번째 호출 0 1 1 두 번째 호출 1 2 3 세 번째 호출 3 3 6 네 번째 호출 6 4 10 다섯번째 호출 10 5

A number is a sequence of 1 or more digits \d.… So the regexp is \d{1,}:… Shorthands.There are shorthands for most used quantifiers: + Means “one or more”, the same as {1,… Means “zero or one”, the same as {0,1}. In other words, it makes the symbol optional.… According to the standard, HTML tag name may have a digit at any position except the first one, like <h1&

표현식 (1 + 2) * 2에서 괄호로 둘러싼 덧셈 연산자가 먼저 수행되는 것 같이 말이죠.… 위 예제에서 표현식 (a = b + 1)은 a에 값을 할당하고, 그 값인 3을 반환합니다. 그리고 반환 값은 이어지는 표현식에 사용됩니다.… 따라서 alert는 1을 표시합니다. 증가, 감소 연산자에 대한 내용을 정리하면 아래와 같습니다.… 괄호가 없으면 a = 1 + 2, 3 + 4에서 +가 먼저 수행되어 a = 3, 7이 됩니다.… (a = 1 + 2), 3 + 4를 연산한 것처럼 될 겁니다. 이렇게 마지막 표현식을 제외한 모든 것을 버리는 연산자는 어디서 사용되는 걸까요?

To be precise, there are 2n-1, where n is the length of the set.… For n=20 there are about 1 million combinations, for n=30 – a thousand times more.… =(\w+))\1. Let’s decipher it: Lookahead ?… That is: we look ahead – and if there’s a word \w+, then match it as \1. Why?… =(\w+))\1 instead of \w, when we need to forbid backtracking for + after it.

obj1 + obj2 처럼 객체끼리 더하는 연산을 하거나, obj1 - obj2 처럼 객체끼리 빼는 연산을 하면 어떤 일이 일어날까요?… 객체 Date끼리 차감하면(date1 - date2) 두 날짜의 시간 차이가 반환됩니다. Date에 대해선 Date 객체와 날짜에서 다룰 예정입니다.… Symbol.toPrimitive는 시스템 심볼로, 심볼형 키로 사용됩니다. 1에 해당하지 않고 hint가 "string"이라면, obj.toString()이나… obj.valueOf()를 호출합니다(존재하는 메서드만 실행됨). 1과 2에 해당하지 않고, hint가 "number"나 "default"라면… ()이나 obj.valueOf()를 호출합니다. 1과 2에 해당하지 않고, hint가 "number"나 "default"라면 obj.valueOf

elem.nodeType == 1 – 요소 노드 elem.nodeType == 3 – 텍스트 노드 elem.nodeType == 9 – 문서 객체 기타 노드 타입에 대한 값은 명세서에서… 예를 들어 HTMLInputElement에서 지원하는 프로퍼티 목록은 https://html.spec.whatwg.org/#htmlinputelement에서 찾아볼 수 있습니다.… 요소 노드라면 1을, 텍스트 노드라면 3을 반환합니다. 두 타입 외에도 각 노드 타입엔 대응하는 상숫값이 있습니다.

코드를 작성하고 f(1)이 제대로 동작하는지 확인합니다. 제대로 동작하네요. 그런데 f(2)를 테스트해 보니 제대로 동작하지 않습니다.… 아닙니다. f(1)이 제대로 동작하는지 확인하지 않았으니까요. 이렇게 테스트를 수동으로 하면 에러가 발생할 여지를 남깁니다. 이런 일은 아주 흔히 발생합니다.… assert.equal(value1, value2) 기능을 제대로 구현했다면 it 블록 내의 코드 assert.equal(value1, value2)이 에러 없이 실행됩니다.… assert.equal(value1, value2) – value1과 value2의 동등성을 확인합니다(value1 == value2). assert.strictEqual(value1… , value2) – value1과 value2의 일치성을 확인합니다(value1 === value2). assert.notEqual, assert.notStrictEqual – 비

예시: Math.max(arg1, arg2, ..., argN) – 인수 중 가장 큰 수를 반환합니다.… Object.assign(dest, src1, ..., srcN) – src1..N의 프로퍼티를 dest로 복사합니다.… 배열 [3, 5, 1]이 있고, 이 배열을 대상으로 Math.max를 호출하고 싶다고 가정해봅시다.… Math.max (arr[0], arr[1], arr[2]) 처럼 배열 요소를 수동으로 나열하는 방법도 있긴 한데, 배열 길이를 알 수 없을 때는 이마저도 불가능합니다.

like CSS-property transition-timing-function that gets the fraction of time that passed (0 at start, 1… The value progress=0 denotes the beginning animation state, and progress=1 – the end state.… Example for x = 1.5: Bounce.Imagine we are dropping a ball.… The graph for x=1.5: In action for x=1.5: Reversal: ease*.So we… Gets a time fraction from 0 to 1, returns the animation progress, usually from 0 to 1. draw – the function

…”.Let’s say we want to create a url with given search params, for instance, https://google.com/search

이때 인덱스 1은 0, 2는 1로 변합니다. length 프로퍼티 값을 갱신합니다.… ‘length’ 프로퍼티.배열에 무언가 조작을 가하면 length 프로퍼티가 자동으로 갱신됩니다. length 프로퍼티는 배열 내 요소의 개수가 아니라 가장 큰 인덱스에 1을 더한… 따라서 위 예시에선 문자열로의 형 변환이 일어나 []는 빈 문자열, [1]은 문자열 "1", [1,2]는 문자열 "1,2"로 변환됩니다.… 정확히는 숫자형 인덱스 중 가장 큰 값에 1을 더한 값입니다. 배열 메서드는 length 프로퍼티를 자동으로 조정해줍니다.

요소가 두 개 있다고 가정하고 첫 번째 요소의 tabindex엔 1을, 두 번째 요소의 tabindex엔 2를 할당하면 첫 번째 요소가 포커싱되어있는 상태에서 Tab을 눌렀을 때 두… 포커싱 되는 요소 순서는 다음과 같습니다. tabindex가 1인 요소부터 시작해 점점 큰 숫자가 매겨진 요소로 이동하고 그다음 tabindex가 없는 요소(평범한 <input… 따라서 포커스를 이동시킬 때 tabindex가 0인 요소는 tabindex가 1보다 크거나 같은 요소보다 나중에 포커스를 받습니다. tabindex="0"은 요소를… tabindex가 -1인 요소 – 스크립트로만 포커스 하고 싶은 요소에 사용합니다.… 보시다시피 포커스는 tabindex가 1, 2, 0인 요소로 차례로 이동합니다.

그런데 함수 f가 두 개를 초과하는 인수를 가진 콜백, callback(err, res1, res2, ...)을 받는다면 어떤 일이 발생할까요?… 새롭게 만든 함수를 promisify(f, true)형태로 호출하면, 프라미스 결과는 콜백의 성공 케이스(results)를 담은 배열, [res1, res2, ...]이 됩니다.

obj1 > obj2 같은 대소 비교나 obj == 5 같은 원시값과의 비교에선 객체가 원시형으로 변환됩니다.… 이어지는 인수 src1, ..., srcN는 복사하고자 하는 객체입니다. ...은 필요에 따라 얼마든지 많은 객체를 인수로 사용할 수 있다는 것을 나타냅니다.… 객체 src1, ..., srcN의 프로퍼티를 dest에 복사합니다. dest를 제외한 인수(객체)의 프로퍼티 전부가 첫 번째 인수(객체)로 복사됩니다.