草庐IT

es6-class

全部标签

javascript - ES6 文件上的谷歌地图回调

我正在尝试在ES6文件上添加回调,但找不到它。我收到此错误消息:“initMap不是函数”我的文件是这样的:&callback=initMap">我的js文件是:exportfunctioninitMap(){map=newgoogle.maps.Map(document.getElementById('map'),{center:{lat:-34.397,lng:150.644},zoom:8});fetch('/data/markers.json').then(function(response){returnresponse.json()}).then(plotMarkers);

javascript - 带有 es5 的 Angular 5

Angular4支持以下语法varHelloComponent=ng.coreComponent({selector:'hello-cmp',template:'HelloWorld!',viewProviders:[Service].Class({constructor:[Service,function(service){},`});在Angular5中,缺少类,目前任何人都可以为Angular5提供ES5语法我无法切换ES6,所以请避免使用该建议。如果切换到ES6是唯一的方法,那么我现在将坚持使用Angular4 最佳答案 您

javascript - 传播运算符 (...) 在 es6 中的数组中创建额外字段

我想根据onChange事件在相应的indexedarrayofobjects中嵌入一个新的key/value对。但是,它是正确完成的,只是在数组中添加了额外的元素。原始对象数组:0:{data:{…}}1:{data:{…}}2:{data:{…}}3:{data:{…}}4:{data:{…}}取得的成果:0:{data:{…}}1:{data:{…}}2:{data:{…},origin:"UK"}3:{data:{…},origin:"UK"}4:{data:{…}}5:"UK"6:"UK"预期结果:0:{data:{…}}1:{data:{…}}2:{data:{…},ori

javascript - 我希望切换元素的可见性 : should I start with class ="..." or style ="..."?

如果我在网页上有一个元素,我希望使用javascript显示和隐藏相当多的元素,将其设置为初始不可见的最合适方法是什么?...或...在大多数情况下,使用class="..."优于style="...",但我不认为它最适合这个案例。从语义上讲,我的元素不是隐藏元素,它只是一个将在页面首次加载时开始隐藏的元素。当我使用jQuery的show()和hide()方法时,这意味着它通常会处于这种状态:.....这对我来说显然是无稽之谈。另一方面,使用内联style="display:none;"感觉有点笨拙和硬编码。我知道这两种方法都可以完美运行并且用户永远不会变得更聪明,但是哪种模式违反设计

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - ES 2017 : async function vs AsyncFunction(object) vs async function expression

我刚刚阅读了有关asyncfunctions的内容,并发现了ES2017的一些类似功能。它造成了很多困惑,我只想问:asyncfunction、AsyncFunction(用于创建异步函数)和异步函数表达式(我认为这只是另一个异步函数)?什么时候应该使用一种格式而不是另一种格式?我们将不胜感激对每个怪癖和表现的强调! 最佳答案 在Javascript中有四种创建函数的方法。在Javascript中也有四种创建异步函数的方法,它们是彼此精确的镜像。为了演示这是如何工作的,我使用了一个简单的sleep函数,全局声明:functionsl

javascript - React组件属性中es6模板字符串

我可以使用双引号和单引号连接我的动态变量,但模板字符串更清晰。我得到了一个意想不到的token,有什么线索吗?...return()... 最佳答案 您需要将其更改为以下代码。return() 关于javascript-React组件属性中es6模板字符串,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/44426933/

javascript - 如何从 ES6 中的解析器中获取 xml2js 结果?

我正在Node中构建一个服务器,它将搜索一个文件夹以查看是否存在XML文件(glob),如果存在,则将(fs)中的文件作为JSON对象(xml2js)读取并最终存储它在某处的数据库中。我想将结果从解析器中取出并放入另一个变量中,这样我就可以用数据做其他事情。据我所知,某些东西正在同步运行,但我无法弄清楚如何停止它并让我等到它完成后再继续前进。我将我的功能从app.js分离到一个Controller中:app.controller.jsconstfs=require('fs-extra');constglob=require('glob');constxml2js=require('xm

javascript - ES6 Promise 等待 K out N promises to resolve

varp1=newPromise((resolve,reject)=>{setTimeout(resolve,1000,'one');});varp2=newPromise((resolve,reject)=>{setTimeout(resolve,2000,'two');});varp3=newPromise((resolve,reject)=>{setTimeout(resolve,3000,'three');});Promise.all([p1,p2,p3]).then(values=>{console.log(values);},reason=>{console.log(rea

javascript - 如何确保 ES3 程序在 ES5 引擎中运行?

因此ECMAScript5引入了一些与ECMAScript3的不兼容性。示例:Manyarticles已写明this===null||这个===undefined是可能的在ES5严格模式下:"usestrict";(function(){alert(this);//null}).call(null);但是,什么thestandard真的表明ES5引擎也允许在非严格模式下:15.3.4.3...ThethisArgvalueispassedwithoutmodificationasthethisvalue.ThisisachangefromEdition3,whereaundefined