草庐IT

GL_ARB_ES

全部标签

javascript - 为什么我们不能使用 ES6 箭头函数创建原型(prototype)?

首先,我创建一个ES5函数,然后创建它的原型(prototype):varPerson=function(){};Person.prototype.city=function(){return'NewYork'}我在这里没有错误。但是当我使用ES6粗箭头函数创建相同的对象时,我得到Cannotsetproperty'city'ofundefined:letPerson=()=>{};Person.prototype.city=()=>{return'NewYork'}这是为什么? 最佳答案 因为根据定义,箭头函数没有原型(proto

javascript - ES6 (AngularJS) 服务

在使用ES6创建服务时,我在访问$http等Angular内置服务时遇到问题。例如,我正在创建一个“ResultsFinder”服务,它将执行AJAX调用,然后执行一些操作。问题是我只能在构造函数上访问$http(如果我将它作为参数传递),而不能在其他方法(例如getResults)上访问。请参阅此代码示例:(()=>{'usestrict';classResultsFinder{constructor($http){}getResults(){return'ResultsFinder';}}/***@ngdocservice*@nameitemManager.service:Resu

javascript - 在没有 ES6 语法和 yield 的情况下使用 Nightmare.js

我使用nightmare.js构建了一个简单的Node脚本来抓取网站varNightmare=require('nightmare');varvo=require('vo');vo(run)(function(err,result){if(err)throwerr;});function*run(){varx=Date.now();varnightmare=Nightmare();varhtml=yieldnightmare.goto('http://google.com').evaluate(function(){returndocument.getElementsByTagName

javascript - 为什么 ES 6's Map.forEach iterate with ' value, key' 而不是 'key, value' ?

如MDN所示,Map的forEach回调被调用,先是值,然后是键。例如:map.forEach(function(value,key,map){...})似乎key,value比value,key更常见。即使是Mapconstructor需要一组[key,value]对。 最佳答案 这可能只是出于懒惰的缘故。大多数forEach循环只关心value本身。通过将它作为第一个参数提供,您可以构造一个只接受一个参数的函数:map.forEach(function(value){/*dosomethingwithvalue*/;})代替ma

javascript - 如何在 ES6 中将一个 JS 文件导入另一个 JS 文件?

我的js目录中有这个Node服务器和一堆JS类。我想创建一个名为“exports.js”的文件,它导出服务器所需的所有类(使用exports.Classname=classnotation)。但是,问题是exports.js无法访问这些类。我想知道在另一个文件中导入整个ES6类的正确语法是什么。到目前为止,我已经尝试过没有运气://IwanttoimportUserclassfromUser.jsimport"./User.js";import"User";import"./User";如有任何帮助,我们将不胜感激。注意:这并没有什么区别,但请注意我使用的是Babel转译器。

javascript - 使用 Webpack 将 ES6 转译为单独的文件

是否可以配置webpack来做等同于:babelsrc--watch--out-dirlib这样的目录结构是这样的:-src-alpha-beta.js-charlie-delta.js-echo.js-foxtrot-golf-hotel.js将所有文件编译为ES5并在lib目录下以相同的结构输出它们:-lib-alpha-beta.js-charlie-delta.js-echo.js-foxtrot-golf-hotel.js我试过遍历所有文件路径并将它们作为单独的条目传递,但在定义输出文件时,webpack似乎“忘记”了文件的位置。Output.path只提供[hash]tok

javascript - 为什么 Math.max(...[]) 在 ES2015 中等于 -Infinity?

Math.max([])将是0而[..[]]是[]但为什么Math.max(...[])在ES2015中等于-Infinity? 最佳答案 Math.max([])发生的事情是[]首先转换为字符串,然后转换为数字。它实际上不被视为参数数组。使用Math.max(...[])时,数组被视为通过展开运算符的参数集合。由于数组为空,这与不带参数调用相同。哪个根据docs产生-InfinityIfnoargumentsaregiven,theresultis-Infinity.一些示例显示调用数组的区别:console.log(+[]);/

javascript - 如何在 ES6 类中使用静态变量?

我正在尝试在es6中使用静态变量。我想在Animal类中声明一个静态变量count并增加它。但是,我无法通过staticcount=0;声明静态变量,所以我尝试了另一种方式:classAnimal{constructor(){this.count=0;}staticincreaseCount(){this.count+=1;}staticgetCount(){returnthis.count;}}console.log(Animal.increaseCount());//undefinedconsole.log(Animal.getCount());//NaN我希望console.lo

javascript - 将一个 ES6 类分解成多个文件

这个问题在这里已经有了答案:SplittingupclassdefinitioninES6/Harmony(2个答案)关闭7年前。使用JavaScript“类”(我知道这不是真正的类),可以通过将方法放在单独的文件中来分解一个大的定义,如下所示:varFoo=function(){console.log('initializingfoo');};Foo.prototype.render=require('./render');但是对于ES6类,语法似乎排除了这种方法——似乎方法总是必须在类block中编写为函数文字。我triedthis在6to5REPL中:classFoo{const

javascript - 将不同的 this 作用域绑定(bind)到 ES6 => 函数运算符

在尝试使用ES6提供的=>特性继承上下文后,我注意到this上下文永远无法更改。示例:varotherContext={a:2};functionfoo(){this.a=1;this.bar=()=>this.a;}varinstance=newfoo;instance.bar();//returns1instance.bar.bind(otherContext)();//returns1没有=>运算符并使用function关键字:functionfoo(){this.a=1;this.bar=function(){returnthis.a;}}varinstance=newfoo;