草庐IT

es6-class

全部标签

javascript - JS中的继承 : this. base = Class(); this.base() 还是……?

我试图在JS中“获得”继承。我刚刚发现了一种基本上可以将所有属性从一个对象复制到另一个对象的简洁方法:functionPerson(name){this.name="MrorMiss:"+name;this.introduce=function(){console.log("Hi,Iam"+this.name);}}functionEmployee(name,title){this.title=title;this.base=Person;this.base(name);}e=newEmployee('tony','manager')e.introduce();请注意,我有一个带有构造

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;

javascript - 为什么在构造函数中直接创建 ES6 类的实例时 Jest 的 toThrow 不起作用?

classTestObject{constructor(value){if(value===null||value===undefined){thrownewError('Expectavalue!');}}}describe('testtheconstructor',()=>{test('itworks',()=>{expect(()=>{newTestObject();}).toThrow();});test('notwork',()=>{expect(newTestObject()).toThrow();});});此处有2个测试用例,一个有效,另一个无效。notwork的失败消

javascript es6 导入 "expects exactly one argument"

我正在尝试使用es6模块,但遇到错误:SyntaxError:Unexpectedidentifier'GameObject'.importcallexpectsexactlyoneargument.顺便说一句,这是在macOS10.13上的Safari11中。这是我的模块:exportclassGameObject{//code}exportclassGameLoop{//code}相关html:以及尝试使用该模块的脚本,它在第1行给出了上述错误:importGameObjectfrom"./gameFoundation.js"importGameLoopfrom"./gameFou

javascript - ES6 Set 允许重复数组/对象

请看下面的脚本。我正在使用Chrome对其进行测试。/*declareanewset*/varitems=newSet()/*addanarraybydeclaringasarraytype*/vararr=[1,2,3,4];items.add(arr);/*printitems*/console.log(items);//Set{[1,2,3,4]}/*addanarraydirectlyasargument*/items.add([5,6,7,8]);/*printitems*/console.log(items);//Set{[1,2,3,4],[5,6,7,8]}/*prin

javascript - ES6 Reflect API 的好处

我一直致力于升级一些代码以使用ES6语法。我有以下代码行:deletethis._foo;我的linter提出了一个使用建议:Reflect.deleteProperty(this,'_foo');您可以找到此方法的文档here.MDN文档声明:TheReflect.deletePropertymethodallowsyoutodeleteapropertyonanobject.ItreturnsaBooleanindicatingwhetherornotthepropertywassuccessfullydeleted.Itisalmostidenticaltothenon-stri

javascript - ES6 构造函数对象参数默认值

我正在尝试使用最合适的ES6语法定义一个带有已定义构造函数的Javascript类。起初,这样定义它很容易。letparam1=10;letparam2='foo';letparam3=200;letparam4='bar';letprops={id:param1,options:{op1:param2,op2:param3,op3:param4}};console.log('Objectprops');console.log(props);classTest{constructor(props){this.id=props.id;this.options=props.options;

javascript - 为什么以及何时在 es6 模块中使用默认导出而不是命名导出?

我已经引用了stackoverflow中的所有问题。但是没有建议为什么以及何时使用默认导出。我刚刚看到可以提到默认值“当一个文件中只有一个导出时”在es6模块中使用默认导出的任何其他原因? 最佳答案 可能会让您选择其中之一的一些差异:命名导出可以导出多个值导入时必须使用导出的名称默认导出导出单个值导入时可以使用任何名称Thisarticle很好地解释了何时最好使用其中一个。 关于javascript-为什么以及何时在es6模块中使用默认导出而不是命名导出?,我们在StackOverflo

javascript - object.className 或 object.getAttribute ("className/class")?

两者之间:JavascriptfunctionsetCss(object,css){return(object.className=css);}functiongetCss(object,css){returnobject.className;}或者functiongetCss2(object){if(object.getAttribute("className")){returnobject.getAttribute("className");}returnobject.getAttribute("class");}functionsetCss2(object,cssclass){i