学习JS

记录一些基础知识：

let Lesson = {
    site: 'houdunren',
    lists: ['js','css','mysql'],
    show: function(){

        return this.lists.map(function(){
            console.log(this)
        },{a:'a是第二参数'})
    }
}
console.log(Lesson.show())

this指的是第二参数{a:'a是第二参数'}这玩意，再如：

let Lesson = {
    site: 'houdunren',
    lists: ['js','css','mysql'],
    show: function(){

        return this.lists.map(()=>{
            console.log(this)
        },{a:'a是第二参数'})
    }
}
console.log(Lesson.show())

看结果

这时的this指的就是Lesson这个对象，它们两者的不同就是一个是function关键字定义的函数，一个是箭头函数,如果用function定义的可以这样：

let Lesson = {
    site: 'houdunren',
    lists: ['js','css','mysql'],
    show: function(){
        var that = this;
        return this.lists.map(function(){
            console.log(that)
        })
    }
}
console.log(Lesson.show())

//等同于
let Lesson = {
    site: 'houdunren',
    lists: ['js','css','mysql'],
    show: function(){
        
        return this.lists.map(function(){
            console.log(this)
        },this)//this作为第二参数传进去，有些函数有第二参数，有些函数没有，map函数就有第二参数
    }
}
console.log(Lesson.show())