ecmascript-6

问题 I'm pretty new to svelte, and for my use case I would like to export the svelte app as a bundle.js which exposes a function let's say startApp(positionInject, appConfiguration) that can accept 2 parameters ( positionInject is the app injection position eg: .app, appConfiguration is the initial configuration of the app to start), based on those parameters svelte app start renders. I am wondering, this is possible in svelte? Appreciate any help. 回答1: Every Svelte component takes a target

问题 I'm pretty new to svelte, and for my use case I would like to export the svelte app as a bundle.js which exposes a function let's say startApp(positionInject, appConfiguration) that can accept 2 parameters ( positionInject is the app injection position eg: .app, appConfiguration is the initial configuration of the app to start), based on those parameters svelte app start renders. I am wondering, this is possible in svelte? Appreciate any help. 回答1: Every Svelte component takes a target

问题 I have the following svg component where I am passing props. import React from 'react'; export default (props) => ( <svg {...props}> <path d="M11.5 16.45l6.364-6.364" fillRule="evenodd" /> </svg> ); I then have a styled-component that looks like this. const Icon = styled(_Icon)` ${props => props.isActive && css` transform: rotate(-180deg); `}; `; I am seeing the following react error. Warning: React does not recognize the isActive prop on a DOM element. 回答1: I ran into the same issue with

问题 I have the following svg component where I am passing props. import React from 'react'; export default (props) => ( <svg {...props}> <path d="M11.5 16.45l6.364-6.364" fillRule="evenodd" /> </svg> ); I then have a styled-component that looks like this. const Icon = styled(_Icon)` ${props => props.isActive && css` transform: rotate(-180deg); `}; `; I am seeing the following react error. Warning: React does not recognize the isActive prop on a DOM element. 回答1: I ran into the same issue with

问题 When looking at the ECMAScript compatibility table, it says that Edge 15 and Edge 16 support for ... of loops. However, when I run this code: const list = document.querySelectorAll('[data-test]'); console.log(list); for (const item of list) { console.log(item); } <div data-test></div> <div data-test></div> <div data-test></div> <div data-test></div> <div data-test></div> It works in Chrome and Firefox, but not in Edge. Instead it says: Object doesn't support property or method 'Symbol

问题 When looking at the ECMAScript compatibility table, it says that Edge 15 and Edge 16 support for ... of loops. However, when I run this code: const list = document.querySelectorAll('[data-test]'); console.log(list); for (const item of list) { console.log(item); } <div data-test></div> <div data-test></div> <div data-test></div> <div data-test></div> <div data-test></div> It works in Chrome and Firefox, but not in Edge. Instead it says: Object doesn't support property or method 'Symbol

问题 When looking at the ECMAScript compatibility table, it says that Edge 15 and Edge 16 support for ... of loops. However, when I run this code: const list = document.querySelectorAll('[data-test]'); console.log(list); for (const item of list) { console.log(item); } <div data-test></div> <div data-test></div> <div data-test></div> <div data-test></div> <div data-test></div> It works in Chrome and Firefox, but not in Edge. Instead it says: Object doesn't support property or method 'Symbol

问题 When looking at the ECMAScript compatibility table, it says that Edge 15 and Edge 16 support for ... of loops. However, when I run this code: const list = document.querySelectorAll('[data-test]'); console.log(list); for (const item of list) { console.log(item); } <div data-test></div> <div data-test></div> <div data-test></div> <div data-test></div> <div data-test></div> It works in Chrome and Firefox, but not in Edge. Instead it says: Object doesn't support property or method 'Symbol

问题 Quick question: what's the correct result for this code: let f = function(){}; let n = f.name; //"" or "f"? According to the compat table, n should have the value "f" . However, the mozilla docs say that it should return an empty string. Which one is correct? 回答1: Since ECMAScript 6 is currently in draft state, the answer below may become outdated sometime in the future. That being said, referencing the spec draft: Anonymous functions objects that do not have a contextual name associated with

问题 Consider this ES2015 module and the behavior when run in node v4.4.5. 'use strict' const outer = 1 switch ('foo') { case 'bar': const heyBar = 'HEY_BAR' break case 'baz': const heyBaz = 'HEY_BAZ' break default: const heyDefault = 'HEY_DEFAULT' } console.log( outer, // 1, makes sense, same top-level scope heyBar, // undefined. huh? I thought switch did NOT create a child scope heyBaz, // undefined. huh? I thought switch did NOT create a child scope heyDefault) // 'HEY_DEFAULT' makes sense This