侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 144670 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

JavaScript中的函数调用

2024-04-03 星期三 / 0 评论 / 0 点赞 / 4 阅读 / 3352 字

JavaScript中函数的调用有多种,以下是我总结的4种调用方式: 第一种:直接调用,一般指向window对象 第二种:对象调用,一般指向调用对象 第三种:call/apply调用,一般

JavaScript中函数的调用有多种,以下是我总结的4种调用方式:

        第一种:直接调用,一般指向window对象

        第二种:对象调用,一般指向调用对象

        第三种:call/apply调用,一般指向函数运行你的作用域

        第四种:new,一般指向调用后产生的对象

        备注:放在代码段里是为了方面测试和学习

        //fun()        //stu.fun()        //fun.call/apply(this,参数)        //new fun()        //(1)直接调用       var name = 'lpen'        function person(name) {            alert(this.name);            //alert(name);        }        person();//指向window       // person('joy')*/        //(2)对象调用        var name = 'lpen';        var age = 27;        var stu = {            name:'joy',            age:23,            student:function () {                alert(this.name);                alert(this.age);            }        };       stu.student();//指向stu        //(3)call/apply        var name = 'lpen';        var age = 27;        var stu = {            name:'joy',            age:23        };        function student() {            alert(this.name);            alert(this.age);        }        //student.call(stu,'lisi',22);//指向stu        student.apply(stu,['lisi',23]);//指向stu       // call("在其中运行函数的作用域","函数列表")        //apply("在其中运行函数的作用域","函数数组")        //总结:这两个方法的作用都是在特定的作用域中调用函数,实际上等于设置函数内部属性this的值        //(4)new来调用        function Person(name,age) {            this.name = name;            this.age = age;            this.sayHello = function () {                alert(this.name);            }        }        var p1 = new Person('joy',23);        p1.sayHello();//this指向实例p1

 

广告 广告

评论区