JS函数调用方式

1、作为函数调用

function myFunction(a, b) {
    return a * b;
}
myFunction(10, 2);

这是JS中函数调用的常见方法,但不是良好编程习惯。全局变量,方法或函数容易造成命名冲突的bug。

函数作为全局对象调用,会使 this 的值成为全局对象。使用 window 对象作为一个变量容易造成程序崩溃。

2、作为对象的方法调用

var myObject = {
    firstName:"John",
    lastName: "Doe",
    fullName: function () {
        return this.firstName + " " + this.lastName;
    }
}
myObject.fullName(); 

函数作为对象方法调用,会使得 this 的值成为对象本身,这里指向myObject对象。

3、使用构造函数调用

如果函数调用前使用了 new 关键字, 则是调用了构造函数。

这看起来就像创建了新的函数,但实际上 JavaScript 函数是重新创建的对象

// 构造函数:
function myFunction(arg1, arg2) {
    this.firstName = arg1;
    this.lastName  = arg2;
}

// This creates a new object
var x = new myFunction("John","Doe");
x.firstName;   

构造函数的调用会创建一个新的对象。新对象会继承构造函数的属性和方法。

构造函数中 this 关键字没有任何的值。this 的值在函数调用时实例化对象(new object)时创建。

4、作为函数方法调用函数

在 JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。

call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数,两个方法的第一个参数必须是对象本身。

function myFunction(a, b) {
    return a * b;
}
myFunction.call(myObject, 10, 2); myArray = [10,2];myFunction.apply(myObject, myArray);

 关于call和apply的说明:

两个方法都使用了对象本身作为第一个参数。 两者的区别在于第二个参数: apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始)。

在 JavaScript 严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值, 即使该参数不是一个对象。

在 JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。

通过 call() 或 apply() 方法你可以设置 this 的值, 且作为已存在对象的新方法调用。

时间: 2024-12-28 15:35:48

JS函数调用方式的相关文章

08 js系统函数、js函数调用方式

在js 中函数分为:用户自定义函数.系统函数(查阅文档) 常用函数的介绍eval <html> <head> </head> <body> <script language="javascript"> var str="window.alert('OK')"; //需求是把str当做一个脚本来执行 eval(str);//计算 JavaScript 字符串,并把它作为脚本代码来执行. </script

前端JS面试题汇总 Part 3 (宿主对象与原生对象/函数调用方式/call与apply/bind/document.write)

原文:https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/javascript-questions.md 最近将持续翻译JavaScript面试题,希望对各位有所帮助. (文章中斜体字部分为译者添加) 目录: Part 1(事件委托/this关键字/原型链/AMD与CommonJS/自执行函数) Part 2 (null与undefined/闭包/foreach与map/匿名函数/代码组织)

JS 函数调用

Js函数调用的方式有如下几种情况: 1 (1)具名函数直接调用 2 function foo() 3 { 4 } 5 foo(); 6 7 (2)匿名函数通过引用来调用 8 fooRef = function() 9 { 10 11 } 12 fooRef(); 13 14 (3)没有引用的匿名函数调用1 15 (function() 16 { 17 18 }()); 19 20 (4)没有引用的匿名函数调用2 21 (function() 22 { 23 24 })(); 25 26 (5)没

【c++】Function语义学之成员函数调用方式

非静态成员函数 编译器内部已将member函数实体转换为对等的nonmember函数实体. 转化步骤: 1.改写函数原型以安插一个额外的参数到member function中,使class object可以调用该函数,该额外参数为this指针. 2.将函数中每一个对nonstatic data member的存取操作改为经由this指针来存取 3.对函数名称进行处理,使它在程序中成为独一无二的词汇. 名称的特殊处理 一般而言,member的名称前面会由编译器加上class名称,形成独一无二的命名

JS兼容方式获取浏览器的宽度

<script type="text/javascript"> //need to wait until onload so body is available window.onload = function(){ function getWindowWidth(){ if (window.innerWidth){ return window.innerWidth; } else if (document.documentElement.clientWidth){ ret

JavaScript中七种函数调用方式及对应 this 的含义

http://blog.sina.com.cn/s/blog_621f1e120100rj21.html this 在 JavaScript 开发中占有相当重要的地位,不过很多人对this这个东西都感觉到琢磨不透.要真正理解JavaScript的函数机制,就非常有必要搞清楚this到底是怎么回事. 函数调用方式不同,this 含义也跟着不同.JavaScript语言中有七种调用函数方式: 第一种:调用方法var obj = {    method: function() { alert(this

JS函数调用的方法

JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式 1.方法调用模式:先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来执行方法,this即指当前的myobject 对象.var blogInfo={ blogId:123, blogName:"werwr", showBlog:function(){alert(this.blogId);}}; blogInfo.showBlog(); 2.函数调用模式定义

09 js函数调用过程内存分析、js函数细节

函数的调用过程 Js函数调用过程的内存分析. 一个递归调用的例子: <html> <head> <script> //abc是一个函数它接收一个数值 function abc(num1){ if (num1>3) { abc(--num1); //递归 } document.writeln(num1); } abc(5); </script> </head> <body> </body> </html>

函数调用方式__stdcall、__cdel

函数调用方式关系对比如下: 关键字 调用规则 参数传递方向 返回 参数寄存器 堆栈的清除 __cdecl C语言 从右向左 EAX 无 调用者 __stdcall Win32标准  从右向左 EAX 无 被调用者 __fastcall 寄存器 从左向右 EAX EAX.EBX.ECX 被调用者 __pascal Pascal 从左向右 EAX 无 被调用者 __msfastcall Ms寄存器 从右向左  EAX/EDX ECX.EDX 被调用者