ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
### 1.方法简写 在 Es6中已经支持 方法简写,一般情况下我们定义一个方法是这么写: ~~~ var object = { name: 'chen', sayname:function(){ alert(this.name) } } ~~~ 经过Es6的语法之后,我们可以这么写: ~~~ let object = { name:'chen', sayname() { alert this.name } } ~~~ 定义对象的方法中有this时,不要使用箭头函数: ~~~ let object{ name :'chen' } object.sayname = ()=>{alert this.name} object.sayname(); ~~~ 箭头函数中的this是指向外部作用域中的this,你在执行object.sayname()时,sayname的当前作用域是object,外部作用域是window,所以得到window。 **还有一点我们在外面给对象附加方法时不要使用方法简写** ~~~ let object = { name:'chen', } object.sayname() { alert this.name } ~~~ 语法错误 模板对象: 在Es5 中我们在字符串中拼接变量通常是用以下写法: ~~~ var sayName = function (id) { return 'ajax/a/'+id } console.log(sayName(50)) //ajax/a/50 ~~~ 在ES 6中我们可以这么写 在一个${}里写上变量 如: ~~~ let sayName = id=>`ajax/a/${id}`; console.log(sayName(50)) //ajax/a/50 ~~~ **注意:这里字符串不再使用单引号括起来,而是反引号,两个长得非常像不要用错**