API

/*

内容：

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 : "DaLai lama"
16 16         }
17 17         obj.job();　　//我是DaLai 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 女