首页 > 编程语言 >JavaScript 函数调用

JavaScript 函数调用

时间:2022-09-22 18:00:05浏览次数:47  
标签:调用 函数 对象 JavaScript 函数调用 方法 构造函数

JavaScript 函数有 4 种调用方式。

每种方式的不同在于 this 的初始化。

this关键字:

this指向函数执行时的当前对象

全局对象:

当函数没有被自身的对象调用时this的值就会变成全局对象

在web浏览器中全局对象是浏览器窗口(window对象)

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

函数作为方法调用:

fullName 方法是一个函数,函数属于对象,而myObject是函数的所有者

this的值为myObject对象

如果将fullName方法修改返回this值,则this的值成为对象本身

使用构造函数调用函数:

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

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

函数方法调用函数:

JavaScript 函数有它的属性和方法

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

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

 

 

 

 

 

 

标签:调用,函数,对象,JavaScript,函数调用,方法,构造函数
From: https://www.cnblogs.com/MDRY/p/16720295.html

相关文章

  • JavaScript 函数参数
    函数显式参数(Parameters)与隐式参数(Arguments)显式参数:functionName(parameter1,parameter2,parameter3){//要执行的代码……}函数显式参数在函数定义时列出。......
  • 使用JavaScript将小写金额转化为大写金额的两种常见方法
    方法一:使用正则表达式//方法一:使用正则表达式functiondealBigMoney(money){if(money===''||money==null||money==='undefined'){return;......
  • 【查漏补缺】javascript中逗号操作符的拓展用法
    1.背景:今天看Vue3文档,发现一个网格案例中有一段 reduce的写法和作用如下:arr.reduce((o,key)=>((o[key]=1),o),{})//目的==>将["name","power"]转......
  • JavaScript 函数定义
    JavaScript使用关键字 function 定义函数。函数可以通过声明定义,也可以是一个表达式。函数声明:函数声明后不会立即执行,会在我们需要的时候调用到。functionmyFunct......
  • JavaScript 的“this”关键字解释和揭秘
    JavaScript的“this”关键字解释和揭秘这这个关键字是一把双刃剑——它可能是复杂错误的来源——一旦你知道它是如何工作的,它也可以让你作为开发人员的生活更轻松。这......
  • 如何使用 JavaScript 解决二进制间隙
    如何使用JavaScript解决二进制间隙在编码训练营4个月后,我决定开始做数据结构和算法问题,为我的技术面试做准备。我使用的一些网站是:可编码性黑客等级有什么比......
  • JavaScript 进阶
    JavaScriptJavaScript是一种运行在客户端的脚本语言。运行过程由js引擎来逐行解析并执行。用处:表单动态验证、网页特效、服务端开发(Node.js)、桌面程序(Electron)......
  • javascript的void
    void 关键字:该操作符指定要计算一个表达式但是不返回值。href="#"与href="javascript:void(0)"的区别# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。而jav......
  • JavaScript JSON
    JSON是用于存储和传输数据的格式。JSON通常用于服务端向网页传递数据。JSON是一种轻量级的数据交换格式。JSON语法规则数据为键/值对。数据由逗号分隔。大括......
  • [javascript] js如何获取浏览器的语言
    当想要实现多语种时,需要获取浏览器的当前语言最直接的,就是访问浏览器内置的 navigator.language 属性:varlang=navigator.language 根据你的浏览器的设置,这段代码......