/*
内容:
1.对象新增的API
2.模板字符串
3.模板引擎及引用
重点:
模板引擎
模板字符串
复习:
1.对象属性的简单赋值
2.对象方法简单赋值
3.supper关键字:只想当前对象的原型对象
注意点:只能在对象的方法中使用 而且必须是对象的简写方式
4.对象的计算属性名
*/
1 // 1.对象的属性简单赋值 2 var name = "吉克隽逸"; 3 var gender = "女"; 4 5 var f = { 6 // name : name, 7 // grend : grend 8 9 // ES6的简单赋值 10 name, 11 gender, 12 sing(){ 13 console.log("歌唱家"); 14 15 } 16 // 2.对象的简单写法 17 // sing(){ 18 // console.log("歌唱家"); 19 20 // } 21 } 22 f.sing(); //歌唱家
1 1 // 2.super关键字 2 2 var obj = { 3 3 name : "仓央嘉措", 4 4 girlFriend : "降央卓玛", 5 5 // job : function(){ 6 6 // // console.log("我是" + super.type + "早课"); 7 7 // console.log("我是 " + super.type + "早课"); 8 8 // } 9 9 job(){ 10 10 console.log("我是" + super.type + "在做早课"); 11 11 } 12 12 } 13 13 14 14 obj.__proto__ = { 15 15 type : "* lama" 16 16 } 17 17 obj.job(); //我是* lama在做早课
1 3. 计算属性名 2 var z1 = "name"; 3 var z2 = "age"; 4 var z3 = "hobby"; 5 6 function Person(){ 7 return "Person"; 8 } 9 var obj = { 10 [z1] : "文职", 11 [z2] : 25, 12 // [z3] : function(){ 13 // console.log("我的爱好是跳舞"); 14 // } 15 [z3](){ 16 console.log(this[z1] + "---" + this[z2]); 17 18 }, 19 [Person()] : "女" 20 } 21 obj[z3](); 22 console.log(obj[Person()]); //文职---25 女