美文网首页
JS函数调用

JS函数调用

作者: 素明诚 | 来源:发表于2020-10-07 15:14 被阅读0次

    1.函数直接调用

    function func(){
        alert("直接调用")
    };
    func();
    
    1.1使用Lambda表达式直接调用
    var func = function(){
        alert("Lambda")
    };
    func();
    
    var func = function() {
        alert(this);
    };
    func();
    

    // 此时,会弹出对话框,打印出 [object Window]。

    2.方法调用

    var func = function() {
        alert("我是一个函数么?");
    };
    // 将其赋值给一个对象
    var o = {};
    o.fn = func; // 注意这里不要加圆括号
    // 调用
    o.fn();
    

    func 的调用,打印的是 [object Window],而 o.fn 的打印结果是 [object Object]。

    3.构造器调用模式

    // 定义一个构造函数
    var Person = function() {
        this.name = "程序员";
        this.sayHello = function() {
            alert("你好,这里是" + this.name);
        };
    };
    // 调用构造器,创建对象
    var p = new Person();
    // 使用对象
    p.sayHello();
    

    上面的案例首先创建一个构造函数Person,然后使用构造函数创建对象p。这里使用 new 语法。然后在使用对象调用sayHello()方法。

    相关文章

      网友评论

          本文标题:JS函数调用

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