草庐IT

es6-class

全部标签

javascript - ES2015 类是 "not autobind"吗?

我已经使用React一段时间了,我已经习惯了必须手动将我的组件方法绑定(bind)到我的组件实例的概念,因为React决定“惯用”而不是自动绑定(bind):Thereforewedecidednottohavethisbuilt-inintoReact'sclassmodel.Youcanstillexplicitlyprebindmethodsinyourconstructorifyouwant.classCounterextendsReact.Component{constructor(){super();this.tick=this.tick.bind(this);}tick(

javascript - Babel es2015 预设不会将 Map 和 Set 转换为 es5

我正在使用gulp-babel将我的es6代码转换为es5gulp.task('build_all_debug',['config','compile'],function(){varstream=gulp.src(['public/js/config.js','public/js/*.js','public/compiled/*.js']).pipe(babel({presets:['es2015']})).pipe(concat('app.js')).pipe(gulp.dest('public/dist'));returnstream;});虽然它大部分工作正常,但实际上并没有转

javascript - 在 TypeScript 中使用箭头函数 : how to make them class methods?

我的编程经验相当丰富,但对TypeScript还很陌生。尝试将它与jQuery一起使用并立即遇到回调的“this”问题(例如$(document).ready。使用$.proxy()是一种方法,但使用TypeScript的箭头(lambda)函数似乎要好得多。但我只看到它们用作表达式——也就是说,整个函数都是内联定义的。我希望能够设置可以作为我的类的方法调用的箭头函数,例如(伪代码):classSomething{constructor(){$('navli').click(this.menuClick);}privatemenuClick(andthiswouldbeanarrowf

javascript - jQuery 选择器 : Selecting a certain combination of classes when multiple exist

我已经尝试做一些研究,但没有找到任何东西,但如果我错过了答案,请告诉我。基本上我有多个元素,每个元素都有多个类,但组合是独一无二的。我想选择特定的类组合,而不是选择具有此元素与其他元素组合的其他元素。我想知道这个选择器是否存在于jQuery中,或者是否有其他方法可以完成我正在解释的内容。请参见下面的示例:/div>当尝试仅记录具有类abc的元素时,我尝试使用:$('.a.b.c').each(function(){console.log($(this));}输出是:[...,......]我正在寻找的输出是:[...]任何指导表示赞赏。谢谢! 最佳答案

javascript - 在 ES6 中将数组解构为函数参数的语法

有很多文档介绍如何解构在Javascript2015/ES6/ECMAScript2015中作为函数参数传递的对象,函数如下:functionfoo({a,b}){console.log(`a:${a},b:${b}`);}但是如何解构一个数组参数呢? 最佳答案 解构数组参数的正确语法是:functionfoo([a,b]){console.log(`param1:${a},param2:${b}`);}可以这样调用:foo(['first','second']);//Willoutput://param1:first,param2

javascript - 带括号的 ES6 箭头函数

这个问题在这里已经有了答案:CurlyBracketsinArrowFunctions(3个答案)Whydoesn'tmyarrowfunctionreturnavalue?(1个回答)关闭6年前。我在我的代码中遇到了一个小问题,这让我有点困惑,希望有人能解释为什么它会这样做。代码1sendText(){returnthis.http.get('/api').map((response:Response)=>response.json());}代码2sendText(){returnthis.http.get('/api').map((response:Response)=>{resp

javascript - ES6 super() 在构造函数中实际上做了什么?

!你好,friend们。我有这个小类继承结构classPoint{constructor(x,y){this.x=x;this.y=y;}toString(){return'('+this.x+','+this.y+')';}}classColorPointextendsPoint{constructor(x,y,color){super(x,y);this.color=color;}toString(){returnsuper.toString()+'in'+this.color;}}letnewObj=newColorPoint(25,8,'green');它编译为thisjsfi

javascript - ES6 导出和导入名称函数?

我有一些功能,我想将它们保存在外部js文件中。例如。在functions.js中vardouble=function(x){returnx+x;}export{double};然后在我的主js文件中:importdoublefrom'./functions';...double(2)我收到这个错误:UncaughtTypeError:(0,c.default)isnotafunctionatbundle.min.js:44当我读到第44行时:(0,_functions2.default)(2);有什么想法吗?我错过了什么? 最佳答案

javascript - ES6 类中的箭头与经典方法

有什么理由写ES6方法的经典语法吗?classMyClass{myMethod(){this.myVariable++;}}当我使用myMethod()作为某些事件的回调时,我必须写这样的东西(在JSX中)://Anonymousfunction.onClick={()=>{this.myMethod();}}//Orbindthis.onClick={this.myMethod.bind(this)}但是如果我将方法声明为箭头函数:classMyClass{myMethod=()=>{this.myVariable++;}}我只能写(在JSX中):onClick={this.myMe

javascript - typescript : underscore convention for members

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭1年前。社区在1年前审查了是否重新打开这个问题,然后将其关闭:原始关闭原因未解决Improvethisquestion我有一个类(class)邮箱classEmail{private_from:string;private_to:Array;private_subject:string;}它将创建一个类似于以下内容的电子邮件对象:{_from:'',_to:'',_subject:''}这对我来说似乎有点奇怪,因为我不能直接使用此对象