JavaScript函数有4种调用方式，每种方式的不同之处在于this的初始化

一般而言，在JavaScript中，this指向函数执行时的当前对象

如果函数不属于任何对象，那么默认为全局对象，即HTML页面本身

而浏览器页面对象是浏览器窗口对象，即window对象。此函数会自动变为window对象的函数

因此，从这个层面上来说，myFunction()和window.myFunction()是一样的

function myFunction(a, b) {

    return a * b;

}

myFunction(10, 2);           // myFunction(10, 2) 返回 20

全局对象：即浏览器窗口，window对象

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

function myFunction() {

    return this;

}

myFunction();                // 返回 window 对象

函数作为方法调用：

创建一个对象，包括两个属性和一个方法，通过调用这个对象来调用方法

<body>

<p id="demo"></p>

<script>

var myObject = {

    firstName : "人散",

    lastName  : "曲终",

    fullName  : function(){

        return this.firstName + " " + this.lastName;

    }

}

    document.getElementById("demo").innerHTML = myObject.fullName();

</script>

</body>

使用构造函数调用函数：

使用new关键字，则调用了构造函数

<body>

<p>该实例中， myFunction 是函数构造函数:</p>

<p id="demo"></p>

<script>

function myFunction(arg1 , arg2){

    this.firstName = arg1;

    this.lastName = arg2;

}

var x = new myFunction("jo","lo");

document.getElementById("demo").innerHTML = x.firstName;

</script>

</body>

作为函数方法调用函数：

  • 在JavaScript中，函数就是对象。
  • JavaScript函数作为对象有它的属性和方法。
  • call()和apply()是预定义的函数方法，可用于调用函数，两个方法的第一个参数必须是对象本身。
  • call()和apply()的区别在于第二个参数，call传入的是函数的参数，而apply传入的是一个参数数组。

闭包：可以访问上一层函数作用域里变量的函数，即便上一层函数已经关闭。

函数+函数能够访问的自由变量

7 JavaScript函数调用&this关键字&全局对象&函数调用&闭包的更多相关文章

  1. JavaScript在不同环境下的全局对象

    Node.js 环境下,全局的对象是 global. 浏览器下 window === self 而不是 global,今天才发现的,我惊呆了!

  2. JavaScript 全局对象

    全局属性和函数可用于所有内建的 JavaScript 对象. 顶层函数(全局函数) 函数 描述 decodeURI() 解码某个编码的 URI. decodeURIComponent() 解码一个编码 ...

  3. 浏览器端-W3School-JavaScript：JavaScript 全局对象

    ylbtech-浏览器端-W3School-JavaScript:JavaScript 全局对象 1.返回顶部 1. JavaScript 全局对象 全局属性和函数可用于所有内建的 JavaScrip ...

  4. 读书笔记-JavaScript中的全局对象

    对于任何JavaScript程序,当程序开始运行时,JavaScript解释器都会初始化一个全局对象以供程序使用.这个JavaScript自身提供的全局对象的功能包括: 1.全局对象拥有一些常用的属性 ...

  5. JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释，全局对象，隐含的全局概念

    JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释,全局对象,隐含的全局概念 <html> <body> <script type="t ...

  6. jsContext全局函数调用与对象函数调用、evaluateScript

    evaluateScript:兼具js加载(生成具体的上下文)(函数与通用变量的加载),与函数执行的功能: 函数调用的方式有两种: 1)获取函数(对象),然后执行调用: [context[@" ...

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

    原文:https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/javascript-questio ...

  8. 简述JavaScript全局对象

    全局对象是JavaScript中非常重要的一类对象,它作为程序顶层(程序最顶端,不包括在任何函数之内)的上下文存在,JavaScript中的全局属性.全局函数都是通过全局对象来提供给程序的,比如 全局 ...

  9. JavaScript中的两种全局对象

    这里总结的东西特别适合先学习c/c++, Java这类标准语言再学JS的童鞋们看,因为JS在程序执行之前就会初始化一个全局对象,这个全局对象到底是什么是跟JS程序运行环境有关的. 根据JavaScri ...

随机推荐

  1. 设置myeclipse控制台输出到文件中

    1.// System.setOut(new PrintStream(new FileOutputStream("文件路径"))); 2.选择项目右击找到Run As 选项,选项下 ...

  2. Laravel Vuejs 实战：开发知乎 （5）设计问题表

    1.执行命令: php artisan make:model Models/Question -cm 2.设计问题的数据库迁移文件中的字段: <?php use Illuminate\Datab ...

  3. Javascript模块化编程之CommonJS,AMD,CMD,UMD模块加载规范详解

    JavaSript模块化 在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发?     模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问 题进行系 ...

  4. 搭建vue工程遇到的问题汇总

    1.vue搭建环境- vue init webpack my-project无响应(如下报错) 原因:node 版本过高.v8.1.0 解决拌饭: 降级,终端指令 n v8.0.0; mac用户: s ...

  5. 粪发涂墙-tomcat

    tomcat 的 JAVA_OPTS 分析设置 快乐生活你我 2019-08-12 06:07:00 JAVA_OPTS ,顾名思义,是用来设置JVM相关运行参数的变量. 1.JVM:JAVA_OPT ...

  6. GO：go语言介绍

    什么是go语言 Google开源 编译型语言 21世纪的C语言 go开发团队: go的特点 语法简洁 开发效率高 执行性能好 发展现状 最近新兴的行业公司一般会使用go语言作为主要开发语言 容器虚拟化 ...

  7. springboot 服务卡死 连接池查询无响应问题解决

    排查背景:基于nacos + springboot + druid +mybatis + mysql的环境,服务突然就出现不可访问,所有连接都超时,重启就可以使用一会,过一会就又不可用了 排查出来的原 ...

  8. map遍历删除

    List<Object> orderManageList = cacheService.values(key); Iterator<Object> it=orderManage ...

  9. 【HTML】输入密码访问

    <script> (function(){ if('{{ page.password }}'){ if (prompt('请输入文章密码') !== '{{ page.password } ...

  10. C语言知识点记录

    1,栈底指针不变,栈顶指针变化. 2,结构化程序包括:顺序,分支,循环. 3,详细设计的任务是为软件结构图的每一个模块确定实现算法和局部数据结构. 4,数据操纵语言:负责数据的操纵,包括查询及增,删, ...