美文网首页
JS高级-函数的四种调用模式

JS高级-函数的四种调用模式

作者: 五四青年_4e7d | 来源:发表于2020-02-10 15:34 被阅读0次

1.函数执行模式:

function  add(a,b){
    console.log(this)
    return a + b
}
// this = window
add()

2.对象方法的调用模式:

function Cat() {
    this.show = function(){
        console.log(this)
    }
}
var c = new Cat()
//对象调用自己的方法
c.show()

3.构造器的调用模式:

function Cat() {
    this.show = function(){
        console.log(this)
    }
}
var c = new Cat()
//和第二种方法的执行结果相同但是,模式不同

4.call() apply() bind()调用模式:

function info(name,age){
    return console.log('你好'+ name + '我是调用的'+ this.name + age + '岁')
}
var whh = {
    name:'娃哈哈'
}
console.log(whh)
//使用call可以把this绑定上,function的this等于什么,可以在外部指定;
//第一项用于绑定函数里面的this
//call和apply本质上是一样的不同的区别如下:(传参为数组)
//bind 必须要用变量接收,调用变量()不马上执行
info.call(whh,'李慷',111)
info.apply(whh,['李慷',111])

var yy = info.bind(whh)
yy('kk',22)

相关文章

  • JS函数的定义与调用方法

    JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式 1.方法调用模式...

  • JS this指向

    一、js中的四种调用模式s 构造函数调用:new Foo(); 对象方法调用:o.method(); 函数直接调用...

  • JS高级-函数的四种调用模式

    1.函数执行模式: 2.对象方法的调用模式: 3.构造器的调用模式: 4.call() apply() bind(...

  • 6.递归、call、apply的用法

    函数的四种调用模式 函数中的this,调用方式不同,指向不同 this与调用有关,与定义无关 函数调用模式 函数名...

  • JS函数调用

    js 里函数调用有4种模式:方法调用、正常函数调用、构造器函数调用、apply/call 调用。无论哪种函数调用除...

  • js里函数调用的四种模式

    js 里函数调用有4种模式:方法调用、正常函数调用、构造器函数调用、apply/call调用。同时,无论哪种函数调...

  • this指向问题

    正在看《JavaScript语言精粹》这本书,正好看到有关函数中this的调用模式,其中有四种:方法调用模式、函数...

  • js的this指向总结

    this对象 js严格模式下没有window 一、普通函数 非严格模式 普通函数全局调用和局部调用都是指向wind...

  • this

    this this在面向对象编程过程中非常重要,它的值取决于调用模式。 在js中一共有四种调用模式:方法调用模式、...

  • js函数四种调用模式与this

    一、方法调用模式 如果一个函数作为一个对象的方法属性调用,那么他的调用模式就是方法调用模式。方法调用模式的this...

网友评论

      本文标题:JS高级-函数的四种调用模式

      本文链接:https://www.haomeiwen.com/subject/cpvaxhtx.html