萌新求教！「javascript」ES6 解构赋值問題十分感谢

Question

请问如何把object的method正常传递给function?如下：letJK={firstName:"John",lastName:"Kennedy",fullName:function(){returnthis.firstName+this.lastName;}}functiongetFullName({fistName,lastName,fullName}){console.log(fullName());}getFullName(JK);consoleresult是NaN当然，可以不用解构直接pass个object给function可以调用到fullName()这个method。正确该怎么做呢？

Answer 1

首先，你的getFullName里面的firstName拼错了。其次，这个解构没有问题，问题的根源在于this。解决办法：
returnthis.firstName+this.lastName;
替换成
returnJK.firstName+JK.lastName;
                            

Answer 2

其实这个是this指针的问题，像你这样写呢，执行fullName()时，this指向window。而this.firstName和this.lastName都是undefined，相加的时候当然返回NaN.
可以改成这样：
functiongetFullName(person){
const{firstName,lastName,fullName}=person;
console.log(person.fullName());
}