JavaScript 35

자바스크립트에서 배열을 선언할 때 지켜야 할 가장 좋은 방법은 무엇입니까?

자바스크립트에서 배열을 선언할 때 지켜야 할 가장 좋은 방법은 무엇입니까? 새 배열을 선언해야 할 때 이 표기법을 사용합니다. var arr = new Array(); 그러나 jsbin과 같은 온라인 테스트를 할 때 "array 리터럴 표기법 []을(를) 사용하라"는 경고가 나타납니다. 시공자를 사용하지 않을 이유를 찾지 못했습니다.사용하는 것보다 효율성이 떨어집니다.[]? 아니면 나쁜 연습입니까? 사용해야 할 합당한 이유가 있습니까?var arr = [];대신에var arr = new Array();?대부분 사람들은var a = []더글러스 크록포드가 그렇게 말했기 때문입니다. 그의 이유는 직관적이지 않고 일관되지 않은 행동을 포함합니다.new Array(): var a = new Array(5); /..

source 2023.11.01

자바스크립트 window.location에 target="_blank"를 추가하는 방법?

자바스크립트 window.location에 target="_blank"를 추가하는 방법? 다음은 대상을 다음과 같이 설정합니다._blank: if (key == "smk") { window.location = "http://www.smkproduction.eu5.org"; target = "_blank"; done = 1; } 하지만 이것은 효과가 없는 것 같습니다.새 탭에서 링크를 시작하려면 어떻게 해야 합니까? 여기 내 코드가 있습니다. function ToKey() { var done = 0; var key = document.tokey.key.value; key = key.toLowerCase(); if (key == "smk") { window.location = "http://www.smkpr..

source 2023.10.22

Object.create(null)로 JS 개체를 생성하는 것이 {}과(와) 같습니까?

Object.create(null)로 JS 개체를 생성하는 것이 {}과(와) 같습니까? 저는 JS 객체를 만드는 방법은 많이 알고 있지만 잘 몰랐습니다.Object.create(null). 질문:. 다음과 정확히 같습니까? var p = {} 대 var p2 = Object.create(null); ?그들은 동등하지 않습니다.{}.constructor.prototype == Object.prototype하는 동안에Object.create(null)어떤 것에서도 상속되지 않으므로 속성이 전혀 없습니다. 다시 말해: 다음과 같이 null을 프로토타입으로 명시적으로 생성하지 않는 한 자바스크립트 객체는 기본적으로 Object에서 상속됩니다.Object.create(null). {}대신에 다음과 동등할 것입니다..

source 2023.10.22

공백 문자를 모두 바꿉니다.

공백 문자를 모두 바꿉니다. 모든 공백 문자(공백, 탭, 새 줄)를 자바스크립트로 대체하고 싶습니다. 어떻게 해야 할까요? 노력했습니다. str.replace(/ /gi, "X") 당신이 원하는 공백, 탭, 양식 피드, 줄 피드 등 하나의 공백 문자와 일치합니다. 에 상당함 [ \f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff] 파이어폭스와[ \f\n\r\t\v]IE에서 str = str.replace(/\s/g, "X"); 단일 문자로 여러 개의 결합된 공백을 모두 변경하려는 경우에도 이 기능을 사용할 수 있습니다. str.replace(/\s+/g,'X'); 여기에서 실제로 보기: https://regex101.com/r/..

source 2023.10.17

불변 위반:텍스트 문자열은 구성 요소 내에서 렌더링되어야 합니다.

불변 위반:텍스트 문자열은 구성 요소 내에서 렌더링되어야 합니다. RN 0.54에서 0.57로 업그레이드했는데 리액트 네이티브 엘리먼트를 사용해서 앱이 거의 망했습니다. 는 했습니다.TextInput기본적으로 오류 메시지를 스타일링하고 오류 메시지를 설정할 수 있는 소품을 사용할 수 있는 컴포넌트.매우 편리합니다. 하지만 업그레이드를 통해 이 문제들이 해결되었고, 이 오류가 발생했습니다. 따라서 해당 코드를 삭제하면 오류가 사라지지만 이 코드를 실행해도 여전히 문제가 발생합니다. { this.state.event.cards[i].fields[j].error && {this.state.event.cards[i].fields[j].error} } 텍스트 입력에 입력을 시작하면 오류 메시지가 빈 문자열로 설정..

source 2023.10.12

농담에서 모의 던지기 오류를 적절하게 만드는 방법은?

농담에서 모의 던지기 오류를 적절하게 만드는 방법은? Jest를 이용하여 GraphQL api를 테스트하고 있습니다. 각 쿼리/뮤테이션마다 별도의 테스트 수트를 사용하고 있습니다. 저는 하나의 기능(즉, Meteor's)을 조롱하는 2개의 테스트(각각 별도의 테스트복을 입고)가 있습니다.callMethod돌연변이에 사용됩니다. it('should throw error if email not found', async () => { callMethod .mockReturnValue(new Error('User not found [403]')) .mockName('callMethod'); const query = FORGOT_PASSWORD_MUTATION; const params = { email: 'use..

source 2023.10.12

자바스크립트에서 추상 베이스 클래스를 만들려면 어떻게 해야 합니까?

자바스크립트에서 추상 베이스 클래스를 만들려면 어떻게 해야 합니까? 자바스크립트에서 추상 베이스 클래스 시뮬레이션이 가능합니까?가장 우아한 방법은 무엇입니까? 저는 다음과 같은 일을 하고 싶습니다. var cat = new Animal('cat'); var dog = new Animal('dog'); cat.say(); dog.say(); 출력해야 합니다. meow bark JavaScript 클래스 및 상속(ES6) ES6에 따르면 자바스크립트 클래스와 상속을 사용하여 필요한 작업을 수행할 수 있습니다. ECMAScript 2015에서 도입된 자바스크립트 클래스는 주로 자바스크립트의 기존 프로토타입 기반 상속에 대한 구문적 당(syntical sugar)입니다. 참조 : https://developer..

source 2023.09.27

ESLint 예기치 않은 isNaN 사용

ESLint 예기치 않은 isNaN 사용 저는 그것을 사용하려고 합니다.isNaNNode.js 모듈의 화살표 함수 안에 글로벌 함수가 있지만 다음 오류가 발생합니다. [eslint] Unexpected use of 'isNaN'. (no-restricted-globals) 내 코드는 다음과 같습니다. const isNumber = value => !isNaN(parseFloat(value)); module.exports = { isNumber, }; 제가 뭘 잘못하고 있는지 아세요? PS: AirBnB 스타일 가이드를 사용하고 있습니다.설명서에서 알 수 있듯이 을 사용합니다. const isNumber = value => !Number.isNaN(Number(value)); Airbnb의 문서 인용: 왜..

source 2023.08.23

javascript를 사용하여 숫자만 반환하는 Regex

javascript를 사용하여 숫자만 반환하는 Regex 만약 내가 "something12"나 "something102"와 같은 문자열을 가지고 있다면, 자바스크립트에서 정규식을 어떻게 사용하여 숫자 부분만 반환합니까?정규식: var numberPattern = /\d+/g; 'something102asdfkj1948948'.match( numberPattern ) 그러면 '102'와 '1948948'이라는 두 개의 요소가 포함된 배열이 반환됩니다.원하는 대로 작동합니다.일치하지 않으면 null을 반환합니다. 연결하기 'something102asdfkj1948948'.match( numberPattern ).join('') 복잡한 십진법을 다루고 있지 않다고 가정하면, 이 정도면 충분할 것 같습니다.숫자..

source 2023.08.08

React의 useState()는 무엇입니까?

React의 useState()는 무엇입니까? 저는 현재 리액트에서 후크 개념을 배우고 있으며, 아래의 예를 이해하려고 합니다. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count + 1)}> Click me ); } 위의 예에서는 핸들러 함수 파라미터 자체의 카운터가 증가합니다.이벤트 핸들러 함수 내의 카운트 값을 수정하려면 어떻게 해야 합니까? 다음 예를 보겠습니다. setCount = () =>..

source 2023.01.27