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. Web前端性能优化总结——如何提高网页加载速度

    一.提高网页加载速度的必要性 国际知名的一组来自Jupiter Research的数据显示:购物者在访问网站过程中的不满会导致销售损失和品牌受损,其中 77%的人将不再访问网站 ,62%的人不再从该网 ...

  2. php 下载word 含图片

      ob_start();//打开输出缓冲区 echo ' <html xmlns:o="urn:schemas-microsoft-com:office:office"xm ...

  3. 前端——语言——Core JS——《The good part》读书笔记——第九,十章节(Style，Good Features)

    第九章节 本章节不再介绍知识点,而是作者在提倡大家培养良好的编码习惯,使用Good parts of JS,避免Bad parts of JS.它是一篇文章. 本文的1-3段阐述应用在开发过程中总会遇 ...

  4. JDBC 基础用法学习

    JDBC概述 java 数据库链接,sun公司退出的 java 访问数据库的标准规范接口 是一种用于执行SQL语句的 java API 可以作为多种关系数据库提供统一接口 是一组 java 工具类和接 ...

  5. vue中，怎么给data对象添加新的属性？（尼玛这面试题居然让我给碰上了。。。。）

    Vue中给data中的对象属性添加一个新的属性时会发生什么,如何解决? 示例: <template> <div> <ul> <li v-for="v ...

  6. .net core 框架调用顺序

    API -> AppSrv -> IRepository -> Repository ->

  7. Django 创建app 应用，数据库配置

    一.create project mkdir jango cd jango 目录创建project myapp django-admin startproject myapp 2.在给project创 ...

  8. Python学习之面向对象基础

    python的面向对象和以前学的c++,Java都是一般,大同小异,面向对象基础先谈谈类的构造,编写,属性和方法的可见性等等 1.定义类,创建和使用对象 #定义类 class Student(obje ...

  9. Python socket day3

    UDP聊天室 本地回环(127.0.0.1) 本地回环是每台电脑都有的,只能用于自身电脑的通讯,无论你的IP地址是多少,只要发送方输入的目的IP为127.0.0.1 ,自身便能接受得到数据 测试本地回 ...

  10. MySQL的多表查询学习笔记

    一.案例准备 create table dept( id int primary key auto_increment, name ) ); insert into dept values(null, ...