SinonJS는 독립형 테스트 스파이, 스텁 및 모의를 제공합니다. 단위 테스트를 위한 객체 모형을 만드는 데 사용할 수 있는 라이브러리입니다. 스파이 − 실행을 추적하는 데 사용할 수 있는 가짜 함수. 스텁 − 원하는 것을 반환하거나 여러 시나리오를 테스트할 수 있는 방식으로 기능이 작동하도록 하는 함수 교체. 모의 −가짜 방법 이러한 모든 개체는 코드를 단위 테스트하는 데 도움이 됩니다.

Window.location 읽기 전용 속성은 문서의 현재 위치에 대한 정보가 포함된 Location 개체를 반환합니다. 이것을 사용하여 URL을 호스트 이름과 경로로 구문 분석할 수 있습니다. 위치 인터페이스는 연결된 개체의 위치(URL)를 나타냅니다. 속성은 위치 개체에서 사용할 수 있습니다. − Location.href - 이것은 전체 URL을 포함하는 DOMString입니다. 변경되면 연결된 문서가 새 페이지로 이동합니다. 연결된 문서와 다른 출처에서 설정할 수 있습니다. 위치.프로토콜 − 마지막 :를 포함한 URL의

미래는 약속과 같은 오래된 용어입니다. Promise는 아직 알려지지 않은 값을 나타냅니다. 이것은 프라미스가 생성될 때 반드시 알려지지 않은 값에 대한 프록시로 더 잘 이해될 수 있습니다. deferred는 아직 완료되지 않은 작업을 나타냅니다. deferred(일반적으로 Promise를 확장함)는 스스로 해결할 수 있지만 Promise는 그렇게 할 수 없습니다. 이것은 또한 항상 성공하는 약속으로 생각할 수도 있습니다. Promise는 초기에 알려지지 않은 결과에 대한 자리 표시자이며 deferred는 값을 산출

히스토리 API의 replaceState 메소드를 사용하여 해시를 제거할 수 있습니다. replaceState() 메서드는 현재 기록 항목을 수정하여 메서드 매개변수에 전달된 상태 개체, 제목 및 URL로 바꿉니다. 이 방법은 일부 사용자 작업에 대한 응답으로 현재 기록 항목의 URL 또는 상태 개체를 업데이트하려는 경우에 특히 유용합니다. 해시를 제거하려면 −를 사용할 수 있습니다. history.replaceState(null, null, ' ');

lodash의 get 메서드를 사용하여 모든 수준에서 안전하게 속성을 가져올 수 있습니다. 첫 번째 수준 속성을 얻는 것은 매우 간단합니다. 중첩 속성 액세스는 까다롭기 때문에 lodash와 같은 테스트를 거친 라이브러리를 사용해야 합니다. 다음과 같은 방법으로 깊이 중첩된 개체에 액세스할 수 있습니다. - 예시 let _ = require("lodash"); let obj = {    a: {       b: {         &n

lodash의 set 메서드를 사용하여 모든 수준에서 안전하게 속성을 설정할 수 있습니다. 첫 번째 수준 속성을 설정하는 것은 매우 간단합니다. 중첩 속성 액세스는 까다롭기 때문에 lodash와 같은 테스트를 거친 라이브러리를 사용해야 합니다. 다음과 같은 방법으로 깊게 중첩된 개체를 설정할 수 있습니다 - 예시 let _ = require("lodash"); let obj = {    a: {       b: {         &n

객체 지향 프로그래밍 언어는 개인 필드를 사용하여 데이터를 숨길 수 있습니다. 그들은 이것을 사용하여 클래스의 내부를 숨깁니다. JS에는 내부 작업을 숨기거나 캡슐화하는 빌드 지원이 없습니다. JS에서 캡슐화를 제공할 수 있는 익명 기능이 있습니다. 예를 살펴보겠습니다 - 예시 const HIDDEN_CONST = 100; function fnWeWantToHide(x, y) {    return (x + y) * HIDDEN_CONST } console.log(fnWeWantToHide(1, 2)) 위의 코드

다음을 사용하여 Javascript를 사용하여 선택 상자의 값을 설정할 수 있습니다. 다음 선택 상자가 있다고 가정합니다 - <select id="my-select" value="1">    <option value="1">Select</option>    <option value="2">Apple</option>    <option value=&qu

JS에서 하루를 추가하려면 setDate 함수가 가장 좋은 방법입니다. Date 프로토타입에 다음 함수를 생성하여 날짜에 날짜를 추가할 수 있습니다. 예시 Date.prototype.addDays = function(days) {    let d = new Date(this.valueOf());    d.setDate(d.getDate() + days);    return d; } let date = new Date(); console.log(date.addDays(1)); 다

MEAN은 MongoDB, Express, Angular 및 Node.js의 약어입니다. MEAN.js와 MEAN.io는 둘 다 스캐폴딩된 애플리케이션이거나 위의 4가지를 사용하기 위한 기본 설정이기 때문에 본질적으로 동일합니다. 이 라이브러리/도구에는 이미 설정되어 있습니다. 이를 통해 기본 인프라 설정에 시간을 할애하지 않고 애플리케이션 구축에 집중할 수 있습니다.

브라우저 닫기 시 localStorage 데이터를 지우려면 window.onunload 이벤트를 사용하여 탭 닫기를 확인할 수 있습니다. 이 예제를 위해 전역으로 MyStorage라는 로컬 저장소 개체가 있다고 가정해 보겠습니다. 그런 다음 이벤트 핸들러를 작성할 수 있습니다 - 예시 window.onunload = () => {    // Clear the local storage    window.MyStorage.clear() } 이렇게 하면 탭/창 닫기의 로컬 저장소가 지워집니다.

dispatchEvent 메서드를 사용하여 개별 요소에 대한 이벤트를 전달할 수 있습니다. onChange 이벤트가 있는 요소 테스트가 있다고 가정해 보겠습니다. - <input id="test" type="text"/> 이벤트 핸들러 - document.querySelector('#test').addEventListener('change', () => console.log("Changed!")) 수동으로 이벤트 트리거하기 - co

js에서 객체 배열의 키로 그룹화하는 가장 효율적인 방법은 reduce 함수를 사용하는 것입니다. reduce() 메서드는 배열의 각 요소에 대해 사용자가 제공한 감속기 함수를 실행하여 단일 출력 값을 생성합니다. 예시 { const key =obj[property]; if (!acc[key]) { acc[key] =[]; } // 주어진 키의 목록에 객체 추가 값 acc[키].push(obj); 반환 acc; }, {});} const groupedPeople =groupBy(People, age);console.log(gro

javascript를 사용하여 Html 페이지 태그에서 데이터 URI로 이미지를 변환하려면 먼저 캔버스 요소를 만들고 너비와 높이를 이미지와 동일하게 설정하고 그 위에 이미지를 그리고 마지막으로 해당 요소에서 toDataURL 메서드를 호출해야 합니다. 그러면 이미지의 base64로 인코딩된 데이터 URI가 반환됩니다. 예를 들어, ID가 my-image인 이미지가 있는 경우 다음을 사용할 수 있습니다. - 예시 function getDataUrl(img) {    // Create canvas   &

함수 표현식은 functiondeclaration과 유사하고 동일한 구문을 가지고 있습니다. 명명된 함수 표현식(예:표현식의 이름이 호출 스택에서 사용될 수 있음) 또는 익명 함수 표현식을 정의할 수 있습니다. 익명 함수 표현식의 예(이름은 사용되지 않음) - var myFunction = function() {    // Function code } 이 함수는 참조하는 변수 이름을 사용하여 호출할 수 있습니다. - myFunction() 결론적으로 익명 함수는 저장되지 않고 변수와 연결되는 함수입니다. 익명

MDN에 따르면 화살표 함수 표현식은 this, arguments, super 또는 new.target 키워드에 대한 자체 바인딩이 없지만 구문상 일반 함수 표현식의 대안입니다. 화살표 함수 표현식은 메서드로 적합하지 않으며 생성자로 사용할 수 없습니다. 자바스크립트의 일반 함수와 화살표 함수에는 세 가지 미묘한 차이점이 있습니다. 이 바인딩을 소유하지 않음 화살표 함수에는 고유한 값이 없습니다. 화살표 함수 내부의 this 값은 항상 둘러싸는 범위에서 상속됩니다. 예시 this.a = 100; let arrowFunc

assign/extend는 소스의 각 속성을 가져오고 해당 값을 있는 그대로 대상에 복사합니다. 속성 값 자체가 개체인 경우 속성의 재귀 순회가 없습니다. 이것을 얕은 복사/복제라고도 합니다. 전체 개체는 소스에서 가져와 대상으로 설정됩니다. 병합은 소스의 각 속성을 가져와 해당 속성이 개체 자체인지 확인합니다. 그런 다음 재귀적으로 다운되고 소스에서 대상으로 하위 개체 속성을 매핑하려고 시도하는 경우 예시 let _ = require('lodash'); let destination = {    a

lodash와 밑줄은 배열, 숫자, 개체, 문자열 등을 훨씬 쉽게 작업할 수 있는 유틸리티를 제공하여 JavaScript를 더 쉽게 만드는 유틸리티 라이브러리입니다. 이 라이브러리는 −에 적합합니다. 배열, 객체 및 문자열 반복 값 조작 및 테스트 복합 함수 만들기 둘 다 기능 라이브러리입니다. Lo-Dash는 Underscore의 포크이며 여전히 Underscore의 API를 따라가서 드롭인 교체 역할을 할 수 있습니다. 하지만 내부적으로는 완전히 다시 작성되었으며 Underscore에서 제공하지 않는 여러

자바스크립트의 장점 속도. 클라이언트 측 JavaScript는 클라이언트 측 브라우저 내에서 즉시 실행할 수 있기 때문에 매우 빠릅니다. 외부 리소스가 필요하지 않은 한 JavaScript는 백엔드 서버에 대한 네트워크 호출에 의해 방해받지 않습니다. 간단. JavaScript는 배우고 구현하기가 비교적 간단합니다. 인기. JavaScript는 웹의 모든 곳에서 사용됩니다. 상호 운용성. JavaScript는 다른 언어와 원활하게 작동하며 다양한 응용 프로그램에서 사용할 수 있습니다. 서버 로드. 클라이언

모든 언어로 개체를 복사하는 방법에는 깊은 복사와 얕은 복사의 두 가지가 있습니다. 얕은 복사와 깊은 복사는 언어에 구애받지 않습니다. 얕은 사본은 가능한 한 적게 복제합니다. 컬렉션의 얕은 복사본은 요소가 아니라 컬렉션 구조의 복사본입니다. 얕은 사본으로 두 개의 컬렉션이 이제 개별 요소를 공유합니다. 예시 let innerObj ={ a:b, c:d}let obj ={ x:test, y:innerObj}// 얕은 copy를 생성합니다. copyObj =Object.assign({}, obj);// copyObj와 obj의 pr