草庐IT

ES导入导出

全部标签

javascript - 刷新服务 worker 中使用 importScripts 导入的脚本

我有一个网站,其中有一个serviceworker,例如://ImportascriptfromanotherdomainimportScripts('https://example.com/script.js')假设script.js更新了一些新代码,并且由于推送事件激活了serviceworker(用户在此期间没有再次访问我的网站)。importScripts是在每次激活serviceworker时检查更新,还是在首次安装serviceworker时只下载一次script.js?有什么方法可以让服务worker每次收到推送消息时刷新服务worker代码(尤其是导入的脚本)?

javascript - 导入模块只是为了运行它

我有一个JavaScript文件,它为我正在使用的表单验证库注册了验证器。这些验证器可以通过该库访问,所以我不需要将它导入任何地方,我只需要确保它运行一次。如何在es6中以这种方式导入模块?项目中执行此操作的最佳位置是什么?我目前在我的主js文件中有它,一切都在那里启动,但该文件与表单或数据验证无关,所以感觉有点尴尬 最佳答案 HowdoIimportamoduleinsuchawayines6?你可以使用import'validators/register';仅针对其副作用导入模块。What'sthebestplaceinapro

javascript - 为什么我不能使用由 require() 导入的 javascript 文件中的函数?

我开始使用electron.在index.htmlofelectron-quick-start使用require()包含一个JavaScript文件。//Youcanalsorequireotherfilestoruninthisprocessrequire('./renderer.js')现在我在renderer.js中定义了一个名为flash()的简单函数,以及一个日志输出:functionflash(text){alert("Text:"+text+"!");}console.log("Rendererloaded.");启动Electron应用程序后,我在开发工具的控制台中输出

javascript - Rollup.js 如何在不做任何更改的情况下导入 js 文件(不是 es6 模块)(myvar$extrastring)

首先,我明白为什么rollup.js需要在某些变量的末尾附加额外的字符串以避免冲突但是......我不明白如何“连接/导入”一个不是amd/commonjs/es6的简单javascript文件,而是简单的显示模块!我有以下文件结构:foo.jsvarFoo=(function(){varsomeMethod=function(){};return{someMethod:someMethod};})();bar.js(function(module){module.bar="bar";})(Foo);主要.jsimport"foo.js"import"bar.js"构建后,我得到:构建

javascript - "..."在 Javascript (ES6) 中意味着什么?

这个问题在这里已经有了答案:JavascriptPropertywiththreedots(...)(5个答案)关闭5年前。我正在学习Redux、React和ES6。我已经用JS开发了,但是ES6的这个新世界让我感到惊讶,它有很多新东西,比如“=>”来声明箭头函数等等。然而,在这个新的Redux研究中,我在代码中间遇到了...。下面我举个例子:import{combineReducers,createStore}from'redux'constuserReducer=(state={},action)=>{switch(action.type){case'CHANGE_NAME':st

javascript - React native : Component not defined? 无法导入?

好的,这里对nativereact非常陌生,我正在尝试非常简单地导入另一个.js文件,并让它在index.ios.js的主要render()函数中运行我到处寻找并尝试了import和require来执行此操作,但是我遇到了错误:这是我所拥有的,错误是在添加导入行时抛出的:importReact,{Component}from'react';import{Button,Card}from'react-native-material-design';import{StyleSheet,Text,View,Animated,Easing,ScrollView,RefreshControl,A

JavaScript ES6 - promise 解决和事件之间可能存在竞争条件?

是否可以在promise解析和promise等待返回之间执行用户代码?functiona(){returnnewPromise(resolve=>{setTimeout(()=>{//Betweenhere...resolve()},1000))}}asyncfunctionb(){awaita()//...andhere?}规范是否强制立即调用Promise回调?我想知道2点之间的虚拟机是否可以处理一个事件,这可能会导致副作用。 最佳答案 不,它不强制立即调用。Thespec在解决一个promise时会经历许多步骤,其中之一是:P

javascript - 在 Javascript ES6 的子类中扩展父类方法

我想在父类中扩展子类的特定方法的功能。我还在习惯ES6中的OOP,所以我不确定这是否可行或违反规则。我正在寻找这样的东西:classParent{constructor(elem){this.elem=elem;elem.addEventListener((e)=>{this.doSomething(e);});}doSomething(e){console.log('doingsomething',e);}}classChildextendsParent{constructor(elem){//setsupthis.elem,eventlistener,andinitialdefin

javascript - 导入自调用函数

我创建了一个特定的效果并将其包装到myEffect.js文件中的自调用函数中,(function(){//yadayada...}());是否可以使用es6导入方式将其导入到我的主文件中,以便它按原样运行?我这样做的原因是我的主要js文件有其他杂项,而且这个效果本身很长,我希望能够将它们分开。 最佳答案 效果将在评估模块时运行,这发生在它在某个其他模块中至少导入一次时。你根本不需要IIFE,ES6模块已经提供了它们自己的作用域。您不需要导出任何东西,因为您的模块应该做的就是执行副作用。它没有结果值。(这可能被认为是设计缺陷,但我们不

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme