es6的对象

  //  对象拥有普通函数方法
    //  let person = { //let声明的一个对象
    //     methods:{    //页面渲染 后 执行里面的方法
    //         fav:function(){
    //
    //         }
    //     },
    //     name:'lvxing',
    //     age:19,
    //     fav:function(){
    //         console.log(this);//  Object       是当前对象
    //         console.log(this.name)  //lvxing   当前对象的name属性
    //     }
    // }
    // person.fav()
 //  对象拥有箭头函数方法

     let person = { //let声明的一个对象
        methods:{    //页面渲染 后 执行里面的方法
            fav:function(){
            }
        },
        name:'lvxing',
        age:19,
        fav:()=>{
            console.log(this);//  Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window, …}
                              // this指向 发生了改变。this指向 定义person2的父级对象(上下文)
            // console.log(this.name)  //没有出来打印
        }
    }
    person.fav() //window
   // 对象的单体模式
         //  为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模式
        let person3 = {
            name:'日天',
            fav(){
                console.log(this); //当前this
            }

        }
        person3.fav();   // 对象   /{name: "日天", fav: ƒ}

 

posted @ 2018-12-01 16:38  团子emma  阅读(65)  评论(0)    收藏  举报