JS编程建议——60:比较函数调用模式

简介: 60:比较函数调用模式

建议60:比较函数调用模式
在JavaScript中,函数就是对象,对象是“名/值”对的集合,并拥有一个到原型对象的隐藏连接。对象字面量产生的对象连接到object.prototype,函数对象连接到Function.prototype,该原型对象本身连接到object.prototype。每个函数在创建时都有两个附加的隐藏属性:函数的上下文和实现函数行为的代码。
每个函数对象在创建时也随之带一个prototype属性,它的值是一个拥有constructor属性且constructor属性值为该函数的对象。这和隐藏连接到Function. prototype完全不同。这个令人费解的构造过程的意义将会在后面的章节中揭示。
作为对象,函数与其他值一样可以在任何变量的位置使用。函数可以作为数组元素,可以作为函数的返回值,可以作为对象的成员值,也可以作为表达式参与运算,同时函数也可以拥有自己的方法。
调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数。除了声明时定义的形式参数,每个函数接收两个附加的参数:this和arguments。参数this在面向对象编程中非常重要,它的值取决于调用的模式。在JavaScript中一共有4种调用模式:方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化关键参数this上存在差异。
调用运算符是跟在任何产生一个函数值的表达式之后的一对圆括号,圆括号内可以包含零个或多个用逗号隔开的表达式。每个表达式产生一个参数值。每个参数值被赋予函数声明时定义的形式参数名。当实际参数(arguments)的个数与形式参数(parameters)的个数不匹配时不会导致运行时错误。如果实际参数值过多,那么超出的参数值将被忽略。如果实际参数值过少,那么缺失的值将会被替换为undefined。不会对参数值进行类型检查,任何类型的值都可以传递给参数。
(1)方法调用模式
当一个函数被保存为对象的一个属性时,将称为一个方法。当一个方法被调用时,this被绑定到该对象。如果一个调用表达式包含一个属性存取表达式(即一个点表达式或[subscript]下标表达式),那么它被当做一个方法来调用。
var obj = {

value : 0,
increment : function(inc) {
    this.value += typeof inc === 'number' ? inc : 1;
}

}
obj.increment();
document.writeln(obj.value); // 1
obj.increment(2);
document.writeln(obj.value); // 3
在上面代码中创建了obj对象,它有一个value属性和一个increment方法。increment方法接受一个可选的参数,如果该参数不是数字,那么默认使用数字1。
由于increment方法可以使用this去访问对象,所以它能从对象中取值或修改该对象。this到对象的绑定发生在调用的时候。这个延迟绑定使函数可以对this高度复用。通过this可取得increment方法所属对象的上下文的方法称为公共方法。
(2)函数调用模式
当一个函数并非一个对象的属性时,它将被当做一个函数来调用:
var sum = add(3, 4); //7
当函数以此模式调用时,this被绑定到全局对象。这是语言设计上的一个错误。倘若语言设计正确,当内部函数被调用时,this应该仍绑定到外部函数的this变量。这个设计错误的后果是方法不能利用内部函数来帮助它工作,因为内部函数的this被绑定了错误的值,所以不能共享该方法对对象的访问权。幸运的是,有一个很容易的解决方案:如果该方法定义一个变量并将它赋值为this,那么内部函数就可以通过这个变量访问this。按照约定,将这个变量命名为that。
var obj = {

value : 1,
doub : function() {
    var that = this;
    var helper = function() {
        that.value = that.value * 2;
    };
    helper();
}

}
obj.doub();
document.writeln(obj.value); // 2
(3)构造器调用模式
JavaScript是一门基于原型继承的语言,该语言是无类别的,对象可以直接从其他对象继承属性。当今大多数语言都是基于类的语言,虽然原型继承有着强大的表现力,但它偏离了主流用法,并不被广泛理解。JavaScript为了能够兼容基于类语言的编写风格,提供了一套基于类似类语言的对象构建语法。
如果在一个函数前面加上new运算符来进行调用,那么将创建一个隐藏链接到该函数的prototype原型对象的新实例对象,同时this将会被绑定到这个新实例对象上。注意,new前缀也会改变return语句的行为。
var F = function(string) {

this.status = string;

};
F.prototype.get = function() {

return this.status;

};
var f = new F("new object");
document.writeln(f.get()); //"new object"
上面代码创建一个名为F的构速器函数,此函数构建了一个带有status属性的对象。然后,为F所有实例提供一个名为get的公共方法。最后,创建一个实例对象,并调用get方法,以读取status属性的值。
结合new前缀调用的函数称为构造器函数。按照约定,构造器函数应该保存在以大写字母命名的变量中。如果调用构造器函数时没有在前面加上new,可能会发生非常糟糕的事情,既没有编译时警告,也没有运行时警告,所以大写约定非常重要。
(4)apply调用模式
JavaScript是函数式的面向对象编程语言,函数可以拥有方法。apply就是函数的一个基本方法,使用这个方法可以调用函数,并修改函数体内的this值。apply方法包括两个参数:第一个参数设置绑定给this的值;第二个参数是包含函数参数的数组。例如:
var array = [5, 4];
var add = function() {

var i, sum = 0;
for( i = 0; i < arguments.length; i += 1) {
    sum += arguments[i];
}
return sum;

};
var sum = add.apply({}, array);
// 9
上面代码构建一个包含两个数字的数组,然后使用apply方法调用add()函数,将数组array中的元素值相加。
var F = function(string) {

this.status = string;

};
F.prototype.get = function() {

return this.status;

};
var obj = {

status: 'obj'

};
var status = F.prototype.get.apply(obj); //''obj''
上面代码构建了一个构造函数F,为该函数定义了一个原型方法get,该方法能够读取当前对象的status属性的值。然后定义一个obj对象,该对象包含一个status属性,使用apply方法在obj对象上调用构造函数F的get方法,返回obj对象的status属性值。

相关文章
|
2月前
|
存储 JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果+1
JavaScript编程实现tab选项卡切换的效果+1
|
8天前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包:解锁编程潜能,释放你的创造力
【10月更文挑战第25天】本文深入探讨了JavaScript中的闭包,包括其基本概念、创建方法和实践应用。闭包允许函数访问其定义时的作用域链,常用于数据封装、函数柯里化和模块化编程。文章还提供了闭包的最佳实践,帮助读者更好地理解和使用这一强大特性。
11 2
|
12天前
|
前端开发 JavaScript UED
探索JavaScript中的异步编程模式
【10月更文挑战第21天】在数字时代的浪潮中,JavaScript作为一门动态的、解释型的编程语言,以其卓越的灵活性和强大的功能在Web开发领域扮演着举足轻重的角色。本篇文章旨在深入探讨JavaScript中的异步编程模式,揭示其背后的原理和实践方法。通过分析回调函数、Promise对象以及async/await语法糖等关键技术点,我们将一同揭开JavaScript异步编程的神秘面纱,领略其带来的非阻塞I/O操作的魅力。让我们跟随代码的步伐,开启一场关于时间、性能与用户体验的奇妙之旅。
|
29天前
|
JavaScript 前端开发 API
探索Node.js中的异步编程模式
【10月更文挑战第4天】在JavaScript的世界中,异步编程是提升应用性能和用户体验的关键。本文将深入探讨Node.js中异步编程的几种模式,包括回调函数、Promises、async/await,并分享如何有效利用这些模式来构建高性能的后端服务。
|
1月前
|
JavaScript 前端开发 调度
探索Node.js中的异步编程模式
在Node.js的世界里,异步编程是核心。本文将带你深入了解异步编程的精髓,通过代码示例和实际案例分析,我们将一起掌握事件循环、回调函数、Promises以及async/await等关键概念。准备好迎接挑战,让你的Node.js应用飞起来!
|
1月前
|
JavaScript 前端开发 开发者
探索Node.js中的异步编程模式
【9月更文挑战第33天】在JavaScript的后端领域,Node.js凭借其非阻塞I/O和事件驱动的特性,成为高性能应用的首选平台。本文将深入浅出地探讨Node.js中异步编程的核心概念、Promise对象、Async/Await语法以及它们如何优化后端开发的效率和性能。
25 7
|
2月前
|
JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果
JavaScript编程实现tab选项卡切换的效果
|
2月前
|
JavaScript 前端开发
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
|
2月前
|
JavaScript 前端开发 安全
JavaScript编程实现字符和字符串翻转
JavaScript编程实现字符和字符串翻转
|
2月前
|
JavaScript 前端开发
用JavaScript编程定义二维数组并初始化,然后输出元素值
用JavaScript编程定义二维数组并初始化,然后输出元素值