Object.seal()의 차이점 및 Object.freeze() 전자는 객체의 기존 속성을 변경할 수 있지만 후자는 객체에 대한 변경을 허용하지 않습니다. Object.freeze() 개체를 면역으로 만듭니다. 무엇이든, 미세한 변화도 바꿀 수 없습니다. Object.seal() Object.seal() 메소드는 기존 속성의 삭제를 방지하지만 외부 변경으로부터 기존 속성을 보호할 수는 없습니다. 예 다음 예에서는 Object.seal() 때문에 메서드 사용자 정의 속성 prop1은 삭제 메서드를 적용해도 삭제되지 않고 속성
프록시() ECMAScript 6에서 도입된 새로운 기능 중 하나 프록시()입니다. 물체. 프록시() 개체는 기본 작업(예:속성 조회, 할당, 열거, 함수 호출 등)에 대한 사용자 지정 동작을 정의하는 데 사용됩니다. 프록시() 개체에는 3개의 핵심 용어가 포함됩니다. 1) 핸들러 - 트랩이 포함된 플레이스홀더 개체입니다. 2) 트랩 - 함정은 재산 접근을 제공합니다. 3) 타겟 - 프록시가 가상화하는 객체입니다. 구문 var p = new Proxy(target, handler); 다음 예에는 p라는 개체가 있으
순수 함수 순수 함수 결정적 함수 . 이것은 매번 동일한 입력이 전달될 때 함수가 동일한 출력을 반환함을 의미합니다. 수학적으로는 잘 정의된 함수에 불과합니다. 순수 함수 다음 속성을 가집니다. 자체 주장에만 의존합니다. 범위를 벗어나는 변수를 변경하려고 시도하지 않습니다. 어떤 부작용도 일으키지 않습니다. 다음 예는 순수 함수 가 아닙니다. 함수는 자체 변수에 의존하지 않고 범위를 벗어난 변수(val1 및 val2)에 의존하기 때문입니다. 예시 <html> <body> <
Object.isSealed() 자바 스크립트에서 객체가 봉인되었는지 여부를 찾는 데 사용되는 방법입니다. 이 방법은 부울 출력을 제공합니다. 다음 조건이 충족되면 개체가 봉인됩니다. 1) 확장 가능해서는 안 됩니다. . 2) 속성은 구성할 수 없음이어야 합니다. . 구문 Object.isSealed(obj) 인수 - Object.isSealed() 객체를 매개변수로 사용하고 객체가 봉인되었는지 여부에 따라 부울 값을 반환합니다. 예시 다음 예제에서는 객체가 봉인되지 않았기 때문에 false를 출력으로 얻을 것입니다. 개
문자열에서 HTML 태그 제거 HTML/XML을 제거할 수 있습니다. 자바스크립트의 정규 표현식을 사용하는 문자열의 태그 . span, div 등과 같은 HTML 요소는 예를 들어 , 등과 같이 왼쪽 화살표와 오른쪽 화살표 사이에 있습니다. 따라서 화살표와 함께 화살표 안의 내용을 nothing()으로 교체하면 작업을 수행할 수 있습니다. 쉽습니다. 구문 str.replace( /(<([^>]+)>)/ig, ''); 예시-1 <html> <body> <script>
네임스페이스 오염 방지 자바스크립트 함수 오버로딩을 지원하지 않음 . 따라서 동일한 이름을 가진 두 함수가 사용되면 이러한 함수가 로드되는 순서에 따라 한 함수가 다른 함수를 재정의합니다. 이는 자바스크립트에 네임스페이스가 없음을 의미합니다. (이름 지정 규칙). 그러나 객체를 사용할 수 있습니다. 이름 충돌을 방지할 수 있도록 네임스페이스를 생성합니다. var Tutorix = Tutorix || {}; 위 코드 줄은 Tutorix 개체가 이미 있는 경우 사용하고, 그렇지 않으면 새 개체를 만듭니다. 다른 네임스페이스
for...in과 for...of 루프의 차이점 두 루프 모두 무언가를 반복합니다. 이들 간의 주요 차이점은 반복되는 항목에 있습니다. 1) for...in 루프 이 루프는 열거 가능한 속성을 반복합니다. 임의의 순서로 개체의 속성에만 관심이 있고 값에는 관심이 없습니다. 다음 예에서는 for...in을 사용하여 루프 속성 배열이 반복됩니다. 배열이므로 색인 중요한 속성이므로 각각의 모든 요소의 인덱스가 반복되어 출력에 표시됩니다. 색인 외에도 inherProp2 , inherProp1 도 표시됩니다. 예시-1 <htm
정규 표현식 사용 자바스크립트에서 주어진 문자열의 단어 수를 계산하는 것은 쉽습니다. . 단어 수를 계산하기 위해 따라야 할 몇 가지 단계가 있습니다. 따라야 할 단계 문장이나 구는 단어 사이에 공백으로 분리되어 구성되며 단어가 2개 이상의 공백으로 분리되는 경우가 있음을 알고 있습니다. 개발자는 단어 수를 계산할 때 이 모든 점을 주의해야 합니다. 1단계 문자열의 시작 및 끝 공백을 제외합니다. 정규식의 다음 줄 주어진 문자열의 시작과 끝 공백을 제거합니다. str.replace(/(^\s*)|(\s*$)/gi,"&
자바스크립트 Css 를 변경할 수 있습니다. getElementById()와 같은 일부 방법을 사용하여 요소의 색상, 글꼴 크기 등과 같은 스타일 , getElementByClassName() 등 다음 예제에서 요소의 글꼴 스타일과 글꼴 크기는 getElementById()를 사용하여 변경되었습니다. 방법. 예시-1 다음 예에서 스타일 명령 style.fontSize 사용 및 style.fontStyle , 제공된 텍스트는 35px의 글꼴 크기로 변경되고 글꼴 스타일은 기울임꼴로 변경됩니다. <html> <b
자바스크립트, 숫자와 숫자를 추가할 수 있지만 숫자와 문자열을 추가하려고 하면 추가가 불가능하므로 연결 발생합니다. 다음 예에서 변수 a,b,c 및 d 촬영된다. 변수 a의 경우 두 개의 숫자(5, 5)가 더해져 숫자(10)가 반환됩니다. 그러나 변수 b의 경우 문자열과 숫자(5, 5)를 더한 경우 문자열이 포함되어 있으므로 결과는 문자열인 55가 됩니다. 문자열이 관련되어 있으므로 변수 c 및 d도 출력에 표시된 대로 문자열을 반환합니다. 예시 <html> <body> <script type=&q
메소드로 함수에 액세스 자바스크립트 객체는 속성으로 구성됩니다. 속성에 메서드로 액세스하려면 속성에 함수를 정의하고 해당 함수에 다른 속성을 포함하기만 하면 됩니다. 다음 예제에서 employee라는 개체는 fullName, lastName, firstName 및 id 속성을 사용하여 생성됩니다. fullName 속성 아래에 함수가 정의되어 있으며 firstName 및 lastName과 같은 속성이 포함되어 있습니다. 따라서 fullName 속성이 호출되면 출력에 표시된 대로 직원의 전체 이름이 표시됩니다. 예시-1 <ht
이메일 주소 숨기기 승인되지 않은 사용자로부터 이메일을 숨기려면 다음 단계를 따라야 합니다. 모든 이메일 주소에서 @ 기호는 일반적이므로 split()을 사용하여 이메일 주소에서 제거하십시오. 방법. 다음 예에서는 이메일([email protected])을 분할한 후 결과를 batman, gmail.com으로 얻습니다. 결과를 두 부분(split1 및 split2)으로 나눕니다. substring() 사용 메서드는 split1에서 일부 문자열을 제거하고 ...@를 사용하여 결과 부분을 split2와 결합합니다. 조인된 부
weakSet.has() 이것은 weakSet 에 개체가 있는지 여부를 조사할 때 부울 값을 반환하는 데 사용되는 자바스크립트의 내장 함수입니다. 아니면. weakSet object를 사용하면 약하게 보관된 개체를 컬렉션에 저장할 수 있습니다. 구문 weakSet.has(obj); 인수 위의 코드 줄에서 weakSet.has() 매개변수 obj를 수락하고 매개변수가 제공된 weakSet 에 있는지 확인합니다. 여부. 반환 값 값의 존재 여부에 따라 weakSet 에 있는지 여부 여부, weakSet.has() 메서드는 부울
원자 원자 정적 메서드로 수행할 원자적 작업을 제공하는 JavaScript의 개체입니다. 수학 방법과 마찬가지로 개체, Atomic 의 메서드 및 속성 또한 정적입니다. 원자 SharedArrayBuffer 와 함께 사용됩니다. 개체. 아트로믹 작업은 Atomic Module에 설치됩니다. . 다른 전역 개체와 달리 원자 생성자가 아닙니다. . 원자 새 연산자와 함께 사용할 수 없습니다. 또는 함수로 호출될 수 있습니다. 원자적 연산 원자 작업은 무중단이 아닙니다. . 메모리가 공유되면 여러 스레드가 메모리에 존
값으로 전달 값으로 전달 , 함수는 변수의 값을 인수로 직접 전달하여 호출됩니다. 함수 내부의 인수를 변경해도 함수 외부에서 전달된 변수에는 영향을 미치지 않습니다. 자바스크립트는 항상 값으로 전달 따라서 변수 값을 변경해도 기본 프리미티브(문자열 또는 숫자)는 변경되지 않습니다. 다음 예에서 변수 a는 값 1을 할당했습니다. 그러나 change 함수 내에서는 값 2를 할당받았습니다. 자바스크립트는 항상 값에 의한 전달이기 때문에 , 표시된 출력은 1이지만 2가 아닙니다. 예시 <html> <body> &
자바스크립트에서 배열을 비우는 방법에는 몇 가지가 있습니다. 배열을 취한다고 가정해 봅시다. var array1 = [1,2,3,4,5,6,7]; 방법 1 var array1 = []; 위의 코드는 숫자 배열을 새로운 빈 배열로 설정합니다. 이것은 원래 배열 array1에 대한 참조가 없을 때 권장됩니다. 다른 변수에서 이 배열을 참조한 경우 원래 참조 배열이 변경되지 않은 상태로 유지되므로 이러한 방식으로 배열을 비울 때는 주의해야 합니다. 예시 <html> <body> <script> v
키가 자바스크립트 객체에 존재하는지 여부를 확인하는 몇 가지 방법이 있습니다. 아래와 같이 직원 개체가 있다고 가정해 보겠습니다. var employee = { name: "Ranjan", age: 25 } 이제 employee 객체에 name 속성이 존재하는지 확인해야 합니다. 1) 인 연산자 객체에 in 연산자를 사용하여 속성을 확인할 수 있습니다. in 연산자는 개체의 실제 속성을 찾
자바스크립트에서는 3가지 방법으로 변수가 배열인지 아닌지를 확인할 수 있습니다. 1) isArray() 메소드 Array.isArray() 메소드는 전달된 변수가 배열인지 여부를 확인합니다. 변수가 배열이면 true를 표시하고 그렇지 않으면 false를 표시합니다. 구문 Array.isArray(variableName) 예시 <html> <body> <script type="text/javascript"> arr = [1,2,3,4,5]; str = "i lov
문자열의 모음 수 계산 영어의 모음은 a,e,i,o 및 u입니다. 모든 문자열에서 이러한 모음이 두 경우 모두(작거나 대문자)일 수 있는지 확인하십시오. 브리핑 다음 예제에서는 noOfVowels()라는 사용자 정의 함수를 사용하여 입력 문자열을 읽고 해당 문자열을 모음( aAeEiIoOuU)만 포함하는 다른 문자열과 비교합니다. 작업을 진행하려면 indexOf() 메서드의 도움이 필요합니다. indexOf() 메서드는 문자가 두 문자열에 공통될 때마다 문자의 인덱스를 표시하고 일치하지 않는 경우 -1을 출력으로 표시합니다
디바운싱 디바운싱 브라우저 성능을 높이기 위해 불필요한 시간 소모적인 계산을 줄이는 것뿐입니다. 일부 기능이 특정 작업을 실행하는 데 더 많은 시간이 걸리는 시나리오가 있습니다. 예를 들어 검색창 전자상거래 웹사이트에서. 브리핑 사용자가 Tutorix 학습 키트를 원한다고 가정해 보겠습니다. . 그는 검색창에 제품의 모든 문자를 입력합니다. 각 문자를 입력한 후 Api 호출은 필요한 제품을 얻기 위해 브라우저에서 서버로 발생합니다. Tutorix 연구 키트를 원하기 때문에 사용자는 브라우저에서 서버로 17번의 API 호출을