javascript - 基础站点(6)javascript顺序

Question

我对如何插入单独的基础 javascript 感到非常困惑。它似乎总是破坏我的代码。例如我需要使用下拉菜单js。在文档中它指出

Initializing The file foundation.dropdownMenu.js must be included in your JavaScript to use this plugin,

along with foundation.core.js.

This plugin also requires these utility libraries:

foundation.util.keyboard.js

foundation.util.box.js

foundation.util.nest.js

这看起来很简单，所以我按此顺序执行了以下操作

bower_components/foundation-sites/js/foundation.core.js  //check 
bower_components/foundation-sites/js/foundation.util.mediaQuery.js
bower_components/foundation-sites/js/foundation.util.timerAndImageLoader.js
bower_components/foundation-sites/js/foundation.util.keyboard.js  //check 
bower_components/foundation-sites/js/foundation.util.box.js  //check 
bower_components/foundation-sites/js/foundation.util.nest.js  //check 
bower_components/foundation-sites/js/foundation.dropdown.js
bower_components/foundation-sites/js/foundation.dropdownMenu.js  //check 
bower_components/foundation-sites/js/foundation.equalizer.js

我遵循什么逻辑对我来说核心第一比实用程序比插件但它告诉我 foundation.util.nest.js:6 Uncaught SyntaxError: Unexpected token =

如果我把所有的foundation.min.js文件放在一起，错误就会消失，所以我知道它一定是缺少依赖项或者顺序不正确

有没有任何资源可以明确了解基础js的依赖关系？相反，每次我都必须跟踪并出错。

Answer 1

我也遇到同样的问题。我在我的项目中使用 Foundation 作为 GIT 子树，并且实际上在我上周刚刚创建的网站上使用了它。

问题似乎出在较新版本的函数参数声明上。在我工作的代码 v6.1.2 中，foundation.util.nest.js 中的代码是:

Foundation.Nest = {
  Feather: function(menu, type){
    menu.attr('role', 'menubar');
    type = type || 'zf';

与最新版本 6.2.0 中的代码相比:

const Nest = {
  Feather(menu, type = 'zf') {
    menu.attr('role', 'menubar');

正是“类型”的默认/后备声明似乎毁了一切。我期待着自己修复。

根据this link ，我当前的 Chrome 版本(48)尚不支持默认函数参数。