คำถามติดแท็ก javascript

สำหรับคำถามเกี่ยวกับการเขียนโปรแกรมใน ECMAScript (JavaScript / JS) และภาษา / การใช้งานต่างๆ (ไม่รวม ActionScript) แท็กนี้ไม่ค่อยได้ใช้คนเดียว แต่ส่วนใหญ่มักจะเกี่ยวข้องกับแท็ก [node.js], [jquery], [json] และ [html]

1
Await เป็นข้อผิดพลาดของคำสงวนในฟังก์ชัน async
ฉันกำลังดิ้นรนเพื่อหาปัญหาเกี่ยวกับไวยากรณ์ต่อไปนี้: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } }; ฉันได้รับข้อผิดพลาดอยู่เสมอว่า: การรอคอยเป็นคำสงวน ... แต่มันไม่ถูกต้องตามกฎหมายในฟังก์ชัน async ใช่หรือไม่? บิตการจัดส่งมาจากไลบรารีreact-thunk

7
ตัวจัดการเหตุการณ์ Javascript พร้อมพารามิเตอร์
ฉันต้องการสร้าง EventHandler ที่ส่งผ่านเหตุการณ์และพารามิเตอร์บางอย่าง ปัญหาคือฟังก์ชันไม่ได้รับองค์ประกอบ นี่คือตัวอย่าง: doClick = function(func){ var elem = .. // the element where it is all about elem.onclick = function(e){ func(e, elem); } } doClick(function(e, element){ // do stuff with element and the event }); ต้องกำหนด 'elem' นอกฟังก์ชันที่ไม่ระบุตัวตน ฉันจะรับองค์ประกอบที่ส่งผ่านเพื่อใช้ภายในฟังก์ชันนิรนามได้อย่างไร มีวิธีทำไหม? แล้ว addEventListener ล่ะ? ดูเหมือนว่าฉันจะไม่สามารถส่งต่อเหตุการณ์ผ่าน addEventListener ได้เลยใช่ไหม อัปเดต …


2
การเพิ่มองค์ประกอบอินพุตแบบไดนามิกในรูปแบบ
ฉันได้อ่านบล็อกและโพสต์มากมายเกี่ยวกับการเพิ่ม fieldsets แบบไดนามิก แต่ทั้งหมดนี้ให้คำตอบที่ซับซ้อนมาก สิ่งที่ฉันต้องการไม่ซับซ้อนขนาดนั้น รหัส HTML ของฉัน: <input type="text" name="member" value="">Number of members: (max. 10)<br /> <a href="#" id="filldetails">Fill Details</a> ดังนั้นผู้ใช้จะป้อนค่าจำนวนเต็ม (ฉันกำลังตรวจสอบความถูกต้องโดยใช้จาวาสคริปต์) ในinputฟิลด์ และเมื่อคลิกFill Detailsลิงก์จำนวนช่องป้อนข้อมูลที่เกี่ยวข้องจะปรากฏขึ้นเพื่อให้เขาป้อน ฉันต้องการบรรลุสิ่งนี้โดยใช้จาวาสคริปต์ ฉันไม่ใช่มืออาชีพในจาวาสคริปต์ ฉันกำลังคิดว่าฉันจะดึงจำนวนเต็มที่ผู้ใช้กรอกในinputฟิลด์ผ่านลิงค์และแสดงจำนวนช่องป้อนข้อมูลที่สอดคล้องกันได้อย่างไร
91 javascript  html  forms 

13
วิธีการจัดเรียงข้อความอย่างถูกต้องในการตอบสนองดั้งเดิม
การป้อนข้อความอยู่ในแนวกึ่งกลางวิธีแก้ไขการป้อนข้อความนี้เพื่อให้รับข้อมูลจากมุมบนซ้าย นี่คือ css ของฉันสำหรับการป้อนข้อความ /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4, marginRight: 1, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: …

10
Javascript - แทรกอาร์เรย์ภายในอาร์เรย์อื่น
อะไรคือวิธีที่มีประสิทธิภาพมากกว่าในการแทรกอาร์เรย์ภายในอาร์เรย์อื่น a1 = [1,2,3,4,5]; a2 = [21,22]; newArray - a1.insertAt(2,a2) -> [1,2, 21,22, 3,4,5]; การทำซ้ำ a2 โดยใช้ splice ดูแย่ไปหน่อยจากมุมมองประสิทธิภาพหากอาร์เรย์ a2 มีขนาดใหญ่ ขอบคุณ.

8
รับเนื้อหาของแถวตารางด้วยการคลิกปุ่ม
ฉันต้องการดึงรายละเอียดของแต่ละคอลัมน์ในตารางของฉัน ตัวอย่างเช่นคอลัมน์ "Name / Nr." ตารางประกอบด้วยที่อยู่จำนวนหนึ่ง คอลัมน์สุดท้ายของแต่ละแถวมีปุ่มที่ให้ผู้ใช้เลือกที่อยู่ในรายการ ปัญหา:รหัสของฉันเลือกเฉพาะรหัสแรก<td>ที่มีคลาสnrเท่านั้น ฉันจะทำงานนี้ได้อย่างไร นี่คือบิต jQuery: $(".use-address").click(function() { var id = $("#choose-address-table").find(".nr:first").text(); $("#resultas").append(id); // Testing: append the contents of the td to a div }); ตาราง: <table id="choose-address-table" class="ui-widget ui-widget-content"> <thead> <tr class="ui-widget-header "> <th>Name/Nr.</th> <th>Street</th> <th>Town</th> <th>Postcode</th> <th>Country</th> <th>Options</th> </tr> </thead> <tbody> <tr> <td …

15
วิธีตรวจสอบว่าวัตถุ JavaScript เป็น JSON หรือไม่
ฉันมีออบเจ็กต์ JSON ที่ซ้อนกันซึ่งฉันต้องวนซ้ำและค่าของแต่ละคีย์อาจเป็นสตริงอาร์เรย์ JSON หรือออบเจ็กต์ JSON อื่น ขึ้นอยู่กับประเภทของวัตถุฉันจำเป็นต้องดำเนินการต่างๆ มีวิธีใดบ้างที่ฉันสามารถตรวจสอบประเภทของวัตถุเพื่อดูว่าเป็นสตริงออบเจ็กต์ JSON หรืออาร์เรย์ JSON ฉันพยายามใช้typeofและinstanceofแต่ทั้งคู่ก็ไม่ได้ดูเหมือนจะทำงานตามที่typeofจะกลับวัตถุสำหรับทั้งวัตถุ JSON และอาร์เรย์และช่วยให้เกิดข้อผิดพลาดเมื่อฉันทำinstanceofobj instanceof JSON เพื่อให้เจาะจงมากขึ้นหลังจากแยกวิเคราะห์ JSON เป็นออบเจ็กต์ JS มีวิธีใดบ้างที่ฉันสามารถตรวจสอบได้ว่าเป็นสตริงปกติหรือวัตถุที่มีคีย์และค่า (จากออบเจ็กต์ JSON) หรืออาร์เรย์ (จากอาร์เรย์ JSON )? ตัวอย่างเช่น: JSON var data = "{'hi': {'hello': ['hi1','hi2'] }, 'hey':'words' }"; ตัวอย่าง JavaScript var jsonObj = JSON.parse(data); var path = ["hi","hello"]; function …
91 javascript  json 

1
ลิงก์ที่ใช้งานอยู่กับ React-Router?
ฉันพยายามที่ออกมาตอบสนอง-Router (v4) และฉันมีปัญหาในการเริ่มต้นออก Nav จะมีหนึ่งของLink's activeBE หากฉันคลิกที่Linkแท็กใด ๆสิ่งที่ใช้งานอยู่จะเริ่มทำงาน อย่างไรก็ตามฉันต้องการให้ Home Linkใช้งานได้ทันทีที่แอปเริ่มทำงานเนื่องจากเป็นส่วนประกอบที่โหลดใน/เส้นทาง มีวิธีใดบ้างที่จะทำเช่นนี้? นี่คือรหัสปัจจุบันของฉัน: const Router = () => ( <BrowserRouter> <div> <Nav> <Link activeClassName='is-active' to='/'>Home</Link> {/* I want this to start off as active */} <Link activeClassName='is-active' to='/about'>About</Link> </Nav> <Match pattern='/' exactly component={Home} /> <Match pattern='/about' exactly component={About} /> <Miss …

6
ESLint with React ให้ข้อผิดพลาด "no-unused-vars"
ฉันตั้งค่าeslint& eslint-plugin-react. เมื่อฉันเรียกใช้ ESLint ลินเตอร์จะส่งกลับno-unused-varsข้อผิดพลาดสำหรับส่วนประกอบปฏิกิริยา ฉันสมมติว่าไม่รู้จักว่าฉันกำลังใช้ JSX หรือ React syntax ความคิดใด ๆ ? ตัวอย่าง: app.js import React, { Component } from 'react'; import Header from './header.js'; export default class App extends Component { render() { return ( <div> <Header /> {this.props.children} </div> ); } } ข้อผิดพลาดของ Linter: /my_project/src/components/app.js 1:8 error …

9
ความแตกต่างระหว่าง $ scope และ $ rootScope
ใครช่วยอธิบายความแตกต่างระหว่าง $ scope และ $ rootScope ได้บ้าง? ฉันคิด ขอบเขต $: เราสามารถรับคุณสมบัติของ ng-model ในตัวควบคุมเฉพาะได้จากหน้าเฉพาะโดยใช้สิ่งนี้ $ rootScope เราสามารถรับคุณสมบัติ ng-model ทั้งหมดในคอนโทรลเลอร์จากหน้าใดก็ได้โดยใช้สิ่งนี้ ถูกต้องหรือไม่ หรืออย่างอื่น?

8
การลบสไตล์องค์ประกอบ html ผ่านทางจาวาสคริปต์
ฉันกำลังพยายามแทนที่ค่าแท็กสไตล์อินไลน์ขององค์ประกอบ องค์ประกอบปัจจุบันมีลักษณะดังนี้: `<tr class="row-even" style="background: red none repeat scroll 0% 0%; position: relative; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" id="0000ph2009-06-10s1s02">` และฉันต้องการลบสไตล์ทั้งหมดนั้นออกเพื่อให้มีสไตล์ตามคลาสมากกว่าจะเป็นสไตล์อินไลน์ ฉันได้ลองลบ element.style; และ element.style = null; และ element.style = ""; ไม่มีประโยชน์ รหัสปัจจุบันของฉันแตกที่คำสั่งเหล่านี้ ฟังก์ชันทั้งหมดมีลักษณะดังนี้ function unSetHighlight (index) { if(index < 10) index = "000" + (index); else if (index < …
91 javascript  html  dom  styles 

10
จะหาค่าในอาร์เรย์ของวัตถุใน JavaScript ได้อย่างไร?
ฉันมีอาร์เรย์ของวัตถุ: Object = { 1 : { name : bob , dinner : pizza }, 2 : { name : john , dinner : sushi }, 3 : { name : larry, dinner : hummus } } ฉันต้องการค้นหาออบเจ็กต์ / อาร์เรย์ที่คีย์คือ "อาหารเย็น" และดูว่าตรงกับ "ซูชิ" หรือไม่ ฉันรู้ว่า jQuery มี $ .inArray แต่ดูเหมือนจะใช้ไม่ได้กับอาร์เรย์ของวัตถุ …

9
ขณะทำการดีบักฉันสามารถเข้าถึง Redux store จากคอนโซลของเบราว์เซอร์ได้หรือไม่
ฉันมีการทดสอบหน่วยสำหรับreducersไฟล์. อย่างไรก็ตามเมื่อฉันทำการดีบักในเบราว์เซอร์ฉันต้องการตรวจสอบว่าการกระทำของฉันถูกเรียกอย่างถูกต้องหรือไม่และสถานะได้รับการแก้ไขตามนั้นหรือไม่ ฉันกำลังมองหาสิ่งที่ต้องการ: window._redux.store ... ในเบราว์เซอร์เพื่อให้ฉันพิมพ์สิ่งนั้นบนคอนโซลและตรวจสอบว่าสิ่งต่างๆเป็นอย่างไร ฉันจะบรรลุสิ่งนั้นได้อย่างไร?

11
จะป้องกันการจัดการเหตุการณ์เริ่มต้นในวิธี onclick ได้อย่างไร?
จะป้องกันค่าเริ่มต้นในวิธี onclick ได้อย่างไร? ฉันมีวิธีการที่ฉันกำลังส่งค่าที่กำหนดเองด้วย <a href="#" onclick="callmymethod(24)">Call</a> function callmymethod(myVal){ //doing custom things with myVal //here I want to prevent default }
91 javascript 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.