React-native imported(?) 函数参数太奇怪了

Question

我的反应原生项目骨架在这里

-app
  --component
        --LoginScreen.js
  --container
  --styles.js
-index.ios.js
-index.android.js

和样式.js....

...
export const colors = {
 'green' : '#######'
 ....
}

export const test = () => {
  console.log(arguments);
}
...

和登录屏幕.js

import { test } from '../styles';
export default class LoginScreen {
  ....
  constructor () {
    test();
  }
....
}

所以看 铬调试控制台...

Arguments[5]
  0:DedicatedWorkerGlobalScope
  1:_require(moduleId)
  2:Object
  3:Object
  4:null
  callee:(global, require, module, exports)
  length:5
  Symbol(Symbol.iterator):values()
  __proto__:Object

这是怎麽？

导入的函数始终返回参数[5]

我不知道为什么要返回该参数。

我认为这个相关的导入？ 功能。

请让我知道

Answer 1

箭头函数不绑定其arguments。如果你想在 React Native 中使用可变数量的参数，你可以使用 rest 参数语法...来获取参数数组。

export const test = (...args) => {
  console.log(args);
}

arguments对象应使用命名函数表达式：

export function test() {
  console.log(arguments);
}