小编Rob*_*let的帖子

将ES6插件扩展为jQuery原型

我想请一些帮助,因为我无法使用模块和类转换ES6中的经典jQuery(v2)插件.

在ECMAScript 5中,我们可以将jQuery插件附加到jQuery原型中,如下所示:

app.js - 通过HTML <script>标记加载jQuery

$.fn.myPlugin = function() {};
$('div').myPlugin();
Run Code Online (Sandbox Code Playgroud)

它的工作原理:).在ES6中,我会写这样的东西:

myPlugin.es6:

import $ from 'jquery';

export default class myPlugin extends $ {
 // Could i use constructor() method ???
}
Run Code Online (Sandbox Code Playgroud)

app.es6:

import $ from 'jquery';
import myPlugin from 'myPlugin.es6';

$('div').myPlugin();
Run Code Online (Sandbox Code Playgroud)

最后,它不起作用......
我已经搜索过,之前没有人问过这个问题.
我使用Babel将ES6转换为ES5.

javascript jquery extend ecmascript-6 babeljs

10
推荐指数
2
解决办法
8300
查看次数

标签 统计

babeljs ×1

ecmascript-6 ×1

extend ×1

javascript ×1

jquery ×1