«ecmascript-6» etiketlenmiş sorular

Başlatmadan önce erişmenin letve constdeğerlerin geçici ölü bölgeReferenceError denilen bir şeyden kaynaklanabileceğini duydum . Zamansal ölü bölge nedir, kapsam ve kaldırma ile nasıl ilişkilidir ve hangi durumlarda karşılaşılır?

150 javascript  ecmascript-6  const  let 

Dışa aktarmak istediğim bir değişkenim olduğunu varsayalım. Arasındaki fark nedir export const a = 1; vs export let a = 1; Ben arasındaki farkı anlamak constve letfakat bunları verdiğinizde, farklar nelerdir?

149 javascript  ecmascript-6  es6-modules 

Normal bir dize olarak şablon dizesi oluşturmak mümkün mü let a="b:${b}"; sonra şablon dizesine dönüştürür let b=10; console.log(a.template());//b:10 olmadan eval, new Functionve dinamik kod üretimi diğer araçlar?

147 javascript  ecmascript-6  eval  template-strings 

Basit bir döngü yapmaya çalışıyorum: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Ancak aşağıdaki hatayı alıyorum: VM384: 53 Yakalanmayan TypeError: parent.children.forEach bir işlev değil parent.childrenGünlükler olmasına rağmen : Sorun ne olabilir? Not: İşte bir JSFiddle .

145 javascript  ecmascript-6  vue.js 

Seçenekleri ES6 ithalatına geçirmek mümkün müdür? Bunu nasıl çevirirsiniz: var x = require('module')(someoptions); ES6

144 javascript  module  ecmascript-6  es6-modules 

Bir modülü ESM'de yeniden yazmayı düşündüğümde, hem geleceğe hem de ES6'yı öğrenmek için bir modül yayınlamak üzereydim. Babil'i ES5'e aktarmak ve testler yapmak için kullandım. Ama nasıl ilerleyeceğimden emin değilim: Elde edilen / çıkan klasörü NPM'ye aktarıp yayınlayabilir miyim? Sonuç klasörünü Github deposuma ekleyebilir miyim? Ya da biri Github için …

144 javascript  node.js  npm  ecmascript-6  babeljs 

Es6 şablon değişmezlerinde, uzun bir şablon değişmezini dizede yeni bir satır oluşturmadan çok satırlıya nasıl sarabiliriz? Örneğin, bunu yaparsanız: const text = `a very long string that just continues and continues and continues` Daha sonra, dizeye yeni bir çizgi olarak yorumladığı için yeni bir çizgi sembolü oluşturur. Yeni satırı oluşturmadan …

142 javascript  ecmascript-6  template-literals 

Bu karşılaştırmayı kullanan bir kod örneği tökezledi: var someVar = 0; Object.is(false, someVar); //Returns false Biliyorum false == 0olacak trueElimizdeki bu yüzden en ===. Nasıl Object.isfarklı gelen ===?

141 javascript  ecmascript-6 

Her zaman böyle bir kod yazmak zorunda bıktım bıktınız: function shallowExtend(obj1,obj2){ var key; for ( key in obj2 ) { if ( obj2.hasOwnProperty(key) === false ) continue; obj1[key] = obj2[key] } } Veya kodu kendim yazmak istemiyorsam, bunu zaten yapan bir kitaplık uygulayın. Kesinlikle ES6 + bu kurtarmaya geliyor bize …

141 javascript  ecmascript-6 

Aşağıdaki ES6 modüllerine sahibim: network.js export function getDataFromServer() { return ... } widget.js import { getDataFromServer } from 'network.js'; export class Widget() { constructor() { getDataFromServer("dataForWidget") .then(data => this.render(data)); } render() { ... } } Widget'ı sahte bir örnekle test etmenin bir yolunu arıyorum getDataFromServer. <script>Karma gibi ES6 modülleri yerine …

141 javascript  unit-testing  mocha  ecmascript-6 

.filterYetişkinler (Jack & Jill) dönmek için ES6 ok işlevini kullanmaya çalışıyorum . Görünüşe göre if ifadesini kullanamıyorum. Bunu ES6'da yapmak için neleri bilmem gerekir? var family = [{"name":"Jack", "age": 26}, {"name":"Jill", "age": 22}, {"name":"James", "age": 5 }, {"name":"Jenny", "age": 2 }]; let adults = family.filter(person => if (person.age > 18) …

139 javascript  ecmascript-6  higher-order-functions 

Object.freeze()constES6'da kullanmaya doğru geçiş için uygun bir yöntem gibi görünüyor . Her ikisinin de kodda yer aldığı durumlar var mı yoksa değişmez verilerle çalışmanın tercih edilen bir yolu var mı? Ben kullanmalıyım Object.freeze()ben desteğiyle çalışan tüm tarayıcılar ana kadar constsonra kullanmaya geçiş constyerine?

138 javascript  ecmascript-6 

Örneğin iki nesnem varsa: var foo = { x: "bar", y: "baz" } ve var oof = {} ve x ve y değerlerini foo'dan oof'a aktarmak istedim. Bunu es6 yıkıcı sözdizimini kullanarak yapmanın bir yolu var mı? belki şöyle bir şey: oof{x,y} = foo

137 javascript  ecmascript-6  destructuring 

Javascript'te eski bir Java projesi oluşturuyorum ve JS'de numaralandırma yapmanın iyi bir yolu olmadığını fark ettim. En iyi ben gelebilir: const Colors = { RED: Symbol("red"), BLUE: Symbol("blue"), GREEN: Symbol("green") }; Object.freeze(Colors); constTutan Colorsyeniden edilmesini ve bu anahtarlar ve değerler mutasyona önler dondurulması. Sembolleri kullanıyorum Colors.RED, bu eşit değil 0ya …

136 javascript  enums  ecmascript-6  immutability  symbols 

Ben etrafında oynuyorum Reactve ES6kullanma babelve webpack. Farklı dosyalarda birkaç bileşen oluşturmak, tek bir dosyaya aktarmak ve bunlarıwebpack Diyelim ki bunun gibi birkaç bileşenim var: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> ... </Navbar> ); } …

135 reactjs  ecmascript-6  webpack