JavaScript,5种调用函数的方法[译]
作者：卢克 来源：译言 发布时间：2009-02-24 16:26:00
一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性, 当我们选择面对它的时候,这将成为我们前进的阻碍.
作为初学者,我们来测试五种函数调用的方法,从表面来看我们会认为那肯定和C#的函数一样的使用,但是我们一会儿可以看到还是有非常重要的不同的地方的,而且如果忽视这些毫不疑问的会导致很难跟踪的bug.
首先让我们创建一个简单的函数,这个函数将在剩下的文章里使用到,这个函数仅仅返回当前的this的值和两个提供的参数.
<script type="text/javascript">
function makeArray(arg1, arg2){
return [ this, arg1, arg2 ];
}
</script>
最常用的方法,但不幸的,全局的函数调用
当我们学习了Javascript我们就学会了如何像上面那样的语法去定义函数,我们也知道调用这个函数非常的简单,我们需要做的仅仅是:
makeArray('one', 'two');
// => [ window, 'one', 'two' ]
Wait a minute. What's that window object doing there? Why is it the value of this? If you haven't stopped to think about it, please stay with me here.
等一等,为何是那个Window对象在这里干嘛呢,为何this的值是它呢,如果你以前没有停下来思考这个问题,那么请和我一起来分析吧,
在Javascript里,我没有指特定的浏览器,有一个全局的对象, 那些看起来散落在你的脚本里的每一行代码(例如在一个对象外的声明)其实都被写在了一个全局对象的上下文里.在我们的例子中,其实那个makeArray函数可以说不是一个松散的全局函数,而是全局对象的一个方法, 让我们返回来看浏览器,在这个环境里它的全局对象被映射到window对象.让我们来证明一下:
alert( typeof window.methodThatDoesntExist );
// => undefined
alert( typeof window.makeArray);
// => function
所有的这些意味着我们之前调用 makeArray的方法是和下面调用的方法一样的
window.makeArray('one', 'two');
// => [ window, 'one', 'two' ]
我说最普遍的调用方法是不幸的是因为它导致我们声明的函数默认是全局的.我们都知道全局成员不是编程的最佳实践.这在JavaScript里是特别的正确,在JavaScript中避免使用全局的成员,你是不会为之后悔的.
JavaScript函数调用规则1 在函数被直接调用而没有所属的对象,像myFunction()将导致this的值为默认的全局对象(在浏览器里为window)
0
投稿猜你喜欢
- 前言：Python 自带了很多的内置函数，极大地方便了我们的开发，下面就来挑几个内置函数，看看底层是怎么实现的。内置函数位于 Python/
本文适用范围：全面阐述MySQL数据库的各种操作，分虚拟主机和服务器两种情况。虚拟主机1、通过PHPMyAdmin的导入导出功能，这个软件一- 一. 建库,建表,加约束. 1.1建库 代码如下:use master go if exists (select * from sysdat
- Mysql的Bin log数据恢复:不小心删除数据库前言：因为不小心删除了测试机器上Mysql的一整个数据库Schema，因为是测试机所以没
- 1.Django框架Django是一个开放源代码的Web应用框架，由Python写成。它采用 了MVC的框架模式，即模型（M）、视图（V）和
- 这个类主要解决在类型转换时,如果直接使用类型转换函数,会因为变量为空或者格式不对而导致程序报错,而这种报错在大多数情况下是允许的.例如要转换
- 背景介绍作为一款产品，往往希望能得到用户的反馈，从而通过对用户行为的分析进行功能、交互等方面的改进。然而直接的一对一的用户交流是低效且困难的
- 前言大家都看过彩带飘落吧？这个在比较喜庆的场合是很常见的：还有“跑马灯”效果，听起来很陌生，其实很常见，下面的就是：来源：https://w
- 如下所示：#! /usr/bin/env python# coding=utf-8#############################
- 在MySQL里，聚集索引和非聚集索引分别是什么意思，有什么区别?在MySQL中，InnoDB引擎表是(聚集)索引组织表(clustered
- 我的经历前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。这个答案好像并不是他想要的。于是他继续追
- 通过for循环求和，结果发现输出完全不一样，一个循环是输出每一步的结果，另一个循环是输出最终一次的结果，今天终于弄懂了。如下所示：补充：py
- 查询本日记录SELECT * FROM messages WHERE CONVERT(Nvarchar, CreateDate, 111)
- 以前写过一个刷校内网的人气的工具，Java的(以后再也不行Java程序了)，里面用到了验证码识别，那段代码不是我自己写的:-) 校内的验证是
- 快捷键可以帮助我们有效提高效率，我们来看看网页设计软件FrontPage有哪些快捷键。相关文章：Dreamweaver快捷键大全、photo
- 本文实例讲述了Python3使用pandas模块读写excel操作。分享给大家供大家参考，具体如下：前言Python Data Analys
- 本文实例讲述了PHP设计模式之装饰器模式定义与用法。分享给大家供大家参考，具体如下：什么是装饰器模式作为一种结构型模式, 装饰器(Decor
- 本文实例为大家分享了python学生信息管理系统的具体代码，供大家参考，具体内容如下#编译环境为python3 #学生信息管理系统包括基本的
- php屏蔽电话号码中间四位：Method 1：function hidtel($phone){
- Python程序能用很多方式处理日期和时间。转换日期格式是一个常见的例行琐事。Python有一个 time 和 calendar 模组可以帮
