js中this[name]与this.name的区别

Question

js学习过程中遇到个奇怪的问题，为什么使用this.name就会出现错误提示，但是this[name]就是正常的？报错提示为：Uncaught TypeError: methods.fun2 is not a function    <script>     Function.prototype.addMethod = function(name,fn){         this[name] = fn;//这里用this.name就不行，为什么？     };     var methods = new Function();//没有{}     methods.addMethod('fun2',function(){         console.log("绿色污染");     });     methods.fun2();     </script>能详细解说下何时使用this.name何时使用this[name]吗？谢谢大圣

Answer 1

中括号法可以用变量作为属性名,而点方法不可以，中括号法可以用数字作为属性名,而点语法不可以，中括号法可以使用js的关键字和保留字作为属性名,而点语法不可以，这里的name是变量