【学习笔记】JavaScript方法


【学习笔记】JavaScript方法

定义方法

什么是方法?

方法是把函数放在对象的里面,对象只有两个东西:属性和方法

var Wzt = {
    name:'wzt',
    birth:2000,
    age:function () {
        var now = new Date().getFullYear();
        return now - this.birth;
    }
}

其中age就是对象Wzt中的方法

调用对象的属性:Wzt.name,调用对象的方法:Wzt.age() 一定要带()

 

this

代码中的 this 代表什么? 可以试着把上面的代码拆开看看

function getAge() {
    var now = new Date().getFullYear();
    return now - this.birth;
}
var Wzt = {
    name:'wzt',
    birth:2000,
    age:getAge
}

把方法拿到外面来,变成函数,然后age调用这个函数

有两种调用方式:

Wzt.age()image-20220914191142587这样调是可以的

还有一种是直接调用getAge()

image-20220914191249558

结果却是NaN,原因是getAge()中的this无法指向

this默认指向调用它的那个对象,这里指向的是window,window是没有birth的,所以结果是NaN

 

apply

  • apply

    在js中可以控制this的指向

    它有两个参数,一个 是要指向的对象,一个是参数

    function getAge() {
        var now = new Date().getFullYear();
        return now - this.birth;
    }
    var Wzt = {
        name:'wzt',
        birth:2000,
        age:getAge
    }
    ​
    getAge.apply(Wzt,[])

    代码中this指向了Wzt,参数为空

    image-20220914191925072

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/289480.html

(0)
上一篇 2022年9月14日
下一篇 2022年9月14日

相关推荐

发表回复

登录后才能评论