草庐IT

es6-features

全部标签

javascript - Chrome 开发者工具 : Best resource for learning advanced features?

我随便使用Chrome开发人员工具来调试AJAX和JavaScript。这主要意味着控制台检查元素/变量/方法状态,偶尔使用“网络”选项卡调试通过ajax提供的问题,如果我无法找到JS错误,偶尔会在调试器中打断点。但是,每当专门的前端开发人员(我是后端)在我面前使用相同的工具时,他们使用这些漂亮而抽象的小功能总是让我想“该死的,我为什么不知道关于那个”?...所以,问题是:对提供googlechromedevtools的全面和更高级解释的资源有什么建议吗? 最佳答案 AddyOsmani做了一个关于chrome开发工具的优秀系列,y

javascript - 如何在 React 中使用新的 Feature Hooks?

我刚刚阅读了有关React的新功能钩子(Hook)的信息。Readabouthooks但我无法使用它。它给我错误。我目前使用的是16.6.0版本我终于明白了钩子(Hook)。importReact,{useState}from'react';constFun=()=>{const[count,setCount]=useState(0);return(Youclicked{count}timessetCount(count+1)}>Clickme);}exportdefaultFun;我导入为Fun并在我的app.js文件中使用我犯的错误是我没有安装Reactv16.7.0-alpha,

javascript - 如何在 ES6 模块中导入部分对象

在reactdocumentation我找到了这种导入PureRenderMixin的方法varPureRenderMixin=require('react/addons').addons.PureRenderMixin;怎么改成ES6风格。我唯一能做的就是:importaddonsfrom"react/addons";letPureRenderMixin=addons.addons.PureRenderMixin;希望有更好的方法 最佳答案 不幸的是importstatements不像objectdestructuring那样工作

javascript - ES6 中的子上下文类型

你会如何在ES6中编写对象childContextTypes?varA=React.createClass({childContextTypes:{name:React.PropTypes.string.isRequired},getChildContext:function(){return{name:"Jonas"};},render:function(){return;}}); 最佳答案 因为无论如何你都在使用Babel,所以你可以在你的代码中使用static(ES7),如下所示:exportdefaultclassAexte

javascript - ES6 将数组映射到不带逗号的字符串

我正在尝试将错误列表映射到将在工具提示中显示的列表中。添加了列表,但在每个li元素之间添加了一个,。我想这是因为这基本上是errors.map(error=>...).toString()最后。有什么想法可以在不添加逗号的情况下映射errors数组中的字符串吗?data-tip={`Precisadecorrigirosseguintesproblemasantesdepublicaroanúncio:${errors.map(error=>`${error}`)}`} 最佳答案 数组对象的.toString()使用Array.pr

javascript - 在 ES6 中声明一个函数?

我想将我的javascript代码“更新”到新的ES6标准,所以我查看了函数现在是如何编写的,并在我的全局函数上进行了尝试,它在“旧”es5中是这样写的functionlogMessage(message){document.getElementById("logs").innerHTML=document.getElementById("logs").innerHTML+`${message}`}如果我没记错的话,到ES6的正确“转换”应该是这样的:logMessage=message=>{etc}但是我的ESLint告诉我我的logMessage没有定义并且我在我的控制台中收到一个

javascript - 检查构造函数是否继承了 ES6 中的另一个构造函数

我有一种情况需要检查构造函数(X)在其原型(prototype)链中是否有另一个构造函数(Y)(或者是Y本身)。最快的方法可能是(newX())instanceofY。在这种情况下,这不是一个选项,因为如果在没有有效参数的情况下实例化,所讨论的构造函数可能会抛出异常。我考虑的下一个方法是:constdoesInherit=(A,B)=>{while(A){if(A===B)returntrue;A=Object.getPrototypeOf(A);}returnfalse;}这行得通,但我无法摆脱这样一种感觉,即我错过了一些更直接的方法来检查它。有吗? 最佳

javascript - 使用 Promise.all 获取基于名称的结果的最佳 es6 方法

默认情况下,Promise.All([])函数返回一个基于数字的索引数组,其中包含每个promise的结果。varpromises=[];promises.push(myFuncAsync1());//returns1promises.push(myFuncAsync1());//returns2Promise.all(promises).then((results)=>{//results=[0,1]}使用Promise.all()返回命名结果索引的最佳普通方法是什么?我尝试使用Map,但它以这种方式返回数组中的结果:[key1,value1,key2,value2]更新:我的问题似

javascript - 数据模型的 ES6 类

我正在尝试使用ES6类在我正在构建的API中构建数据模型(来自MySQL数据库)。我不喜欢使用ORM/ODM库,因为这将是一个非常基本、简单的API。但是,我正在努力思考如何定义这些模型。我的数据实体是(这些只是一些简化的例子):客户数据模型idnamegroupIdstatus(enumof:active,suspended,closed)私有(private)方法_getState(status){varstate=(status=='active'?'good':'bad');returnstate;}请求我希望能够做到:findById:提供单个customer.id,返回该特

javascript - es6-module-loader 无法在 Angular 6 中找到 @angular/core

我在Angular2项目中使用了这个es6-module-loader,它非常适合实时加载TypeScript模块网页浏览器。现在,我正在将这个项目升级到Angular6,但是这里的加载模块的imports不满足依赖关系。例如:declarevarSystemLoader:any;exportclassDemoClass{constructor(){varsource="exportclassFoo{"+"constructor(){console.log('CreatedtheES6classfoo!');}"+"execMethod(){console.log('Executedm