1.2.6 定义方法简写 //传统定义 //通过 var 关键词声明的变量没有块作用域。 var person3 = { sayHi:function(){ console.log("hi") } }
//ES6定义方法
//常量,一旦定义不能修改
const person4 = {
sayHi(){
console.log("hi,ES6")
}
}
//let和var很类似,不同点是let提供了块作用域
let person5 = {
sayHi(){
console.log("hi,let")
}
}
person3.sayHi()
person4.sayHi()
person5.sayHi()
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
1.2.7 对象拓展运算符 拓展运算符(…)用于取出参数对象所有可遍历属性然后拷贝到当前对象。
let person6 = {name:"qq",age:20} let person7 = {...person6} console.log(person7) 1 2 3 合并对象:
let yourName = {name:"aa"} let yourAge = {age:60} let person8 = {...yourName,...yourAge} console.log(person8) tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%92%A8%E8%AF%A2%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E8%BF%90%E8%BE%93%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%9F%B9%E8%AE%AD%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%9C%BA%E5%9C%B0%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E6%BC%94%E5%87%BA%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E7%AD%96%E5%88%92%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%8A%B3%E5%8A%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E8%AF%84%E4%BC%B0%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E4%BF%A1%E6%81%AF%E6%9C%8D%E5%8A%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E7%BD%91%E7%BB%9C%E5%BB%BA%E8%AE%BE%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%88%B6%E9%80%A0%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%8A%A0%E5%B7%A5%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E4%BF%AE%E7%90%86%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%B9%BF%E5%91%8A%E8%AE%BE%E8%AE%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%B9%BF%E5%91%8A%E7%AD%96%E5%88%92%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%B9%BF%E5%91%8A%E5%88%B6%E4%BD%9C%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%B9%BF%E5%91%8A%E5%AE%A3%E4%BC%A0%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%BB%BA%E7%AD%91%E8%AE%BE%E8%AE%A1%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E4%BB%93%E5%82%A8%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E6%8A%80%E6%9C%AF%E6%9C%8D%E5%8A%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E6%90%AC%E8%BF%90%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%90%8A%E8%A3%85%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E6%B1%BD%E8%BD%A6%E9%85%8D%E4%BB%B6%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%BB%BA%E7%AD%91%E6%9D%90%E6%96%99%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%8C%BB%E8%8D%AF%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%8C%BB%E7%96%97%E8%AE%BE%E5%A4%87%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E6%9C%BA%E6%A2%B0%E8%AE%BE%E5%A4%87%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E7%A7%9F%E8%BD%A6%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E6%88%BF%E7%A7%9F%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%BB%BA%E6%9D%90%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%AE%B6%E5%85%B7%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E7%94%B5%E5%99%A8%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%BB%BA%E6%9D%90%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E4%BA%94%E9%87%91%E4%BA%A4%E7%94%B5%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%BB%BA%E6%9D%90%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E7%85%A4%E7%9F%BF%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E7%BA%BA%E7%BB%87%E5%8F%91%E7%A5%A813530060054 1.2.8 箭头函数 //传统方式 var f1 = function (a) { return a } console.log(f1(2))
//ES6方式,很像java中的lambda一样 var f2 = a => a console.log(f2(3)) 1 2 3 4 5 6 7 8 9 // 当箭头函数没有参数或者有多个参数,要用 () 括起来。 // 当箭头函数函数体有多行语句,用 {} 包裹起来,表示代码块, // 当只有一行语句,并且需要返回结果时,可以省略 {} , 结果会自动返回。 var f3 = (a,b) => { let result = a+b return result } console.log(f3(6,2)) // 8 // 前面代码相当于: var f4 = (a,b) => a+b
1.3 总结