ES6语法中方法定义到构造函数中是什么意思？

Question

在工作时，用到了websocket，定义了一个回调函数，但同事非的把回调函数的定义在构造函数里面，我说像往常定义一样定义，他说这样比较好，下面是代码，哪位大侠能给解释下。

export default class USubsystemMain extends UnitBase {
    constructor(props) {        super(props);        var _self = this;
        _self.state = {
            configSource: [],
            valueSource: {},
            startLabel: "",
            faultLable: ""
        }
        
         _self.websocktCallback = function (pointValues) {             //do something
         }
    }
    
    showName(){
        console.log('zhangsan');
    }
}

上面的websocktCallback函数为什么不和showName一样进行定义呢？这两种定义是否是一样的？有什么区别呢？

Answer 1

上面的websocktCallback函数为什么不和showName一样进行定义呢showName是USubsystemMain.prototype.showName_self.websocktCallback是new USubsystemMain()的实例的自身属性。可以理解为深复制super(props)所添加的属性是所添加的属性是浅复制就是实例属性的位置，定义在自身上(this上) 还是定义在原型链上的区别可以用 hasOwnProperty检测