小编mad*_*ox2的帖子

我需要在GitHub README.md文件中为图像添加边框.这是应该嵌入图像的方式:

![GitHub Logo](/images/logo.png)

我试图用图表包装图像:

|--------------------------------|
|![GitHub Logo](/images/logo.png)|

但是不能创建没有标题的表.

我也尝试将图像包含为html标记:

<img src="/images/logo.png" style="border: 1px solid black" />

但没有成功.有什么方法可以做到这一点吗？

是否可以从ES6中的外部URL导入javascript模块？

我试过(使用babel-node):

import mymodule from 'http://...mysite.../myscript.js';
// Error: Cannot find module 'http://...mysite.../myscript.js'

我只是想知道是否有任何理由要求:

Reflect.apply(myFunction, myObject, args);

代替:

myFunction.apply(myObject, args);

为什么不能多次使用传播运算符？

let arr = [[[1, 2, 3]]];

console.log(arr); // Array [ Array[1] ]
console.log(...arr); // Array [ Array[3] ]
console.log(...(...arr));
// SyntaxError: expected '=>' after argument list, got ')'

我希望:

console.log(...(...arr)); // Array [ 1, 2, 3 ]

我可以为每个文件导出多个函数吗？看起来当我这样做时,第二个功能是第一个功能,

例如:在my index.js文件中:

export default function aFnt(){
    console.log("function a");
}
export default function bFnt(){
    console.log("function b");
}

然后当我在我的文件中导入它时:

import aFnt from "./index";

console.log("aFnt : ",aFnt);

console.log的结果是bFnt

究竟是什么情况呢？我是否必须为每个功能创建一个新文件？这不是很实用,任何解决方案或解决方法？

我有继承自React.Component以下的功能/无状态组件和组件:

const Component1 = () => (<span>Hello</span>)

class Component2 extends React.Component {
  render() {
    return (<span>Hello</span>)
  }
}

如何确定组件是否为无状态？有官方的方法吗？

isStateless(Component1) // true
isStateless(Component2) // false

考虑以下代码:

var obj1 = Object.create({}, {myProp: {value: 1}});
var obj2 = Object.assign({}, {myProp: 1});

是否有任何区别obj1,obj2因为每个对象都以不同的方式创建？

我使用带有babel编译器的ES6功能.我有一个函数,它将选项对象作为参数:

function myFunction({ option1 = true, option2 = 'whatever' }) {
    console.log(option1, option2);
    // do something...
}

当我打电话给它时,解构就会发生,一切运转良好.我想在大多数时候用默认选项调用它,所以我这样做:

myFunction({}); // true 'whatever'

但它看起来有点奇怪.只要打电话就会更清洁:

myFunction(); // TypeError: Cannot read property 'option1' of undefined

可能吗？

我一直在阅读JavaScript中的装饰器,并认为我已经获得了基本的前提.

装饰器是函数,它们接收它们应该装饰的一个或多个参数,并返回结果.

但我@withStyles在React Boiler Plate项目中找到了一个装饰实现,我不明白它是如何工作的.

import React, { Component, PropTypes } from 'react';

function withStyles(...styles) {
  return (BaseComponent) => class StyledComponent extends Component {
    static contextTypes = {
      insertCss: PropTypes.func.isRequired,
    };

    componentWillMount() {
      this.removeCss = this.context.insertCss.apply(undefined, styles);
    }

    componentWillUnmount() {
      this.removeCss();
    }

    render() {
      return <BaseComponent {...this.props} />;
    }
  };
}

export default withStyles;

用例就是

import s from './MyComponentStyle.scss';

@withStyles(s)
class MyComponent extends Component {

}

这是如何运作的？

在JavaScript中,可以执行以下操作:

var a = {this: this}

但是使用ES6属性简写我得到了SyntaxError:

var b = {this}; // SyntaxError: this is a reserved identifier

这不是一个真实的用例,但我只是想知道这两者之间有什么区别.我认为它应该做同样的事情(创建一个新对象或抛出一个错误).

更新:

我在Firefox 42.0中运行此示例.但是它在babel-node中工作(它创建{ this: {} }没有错误的对象).那么正确的行为是什么？