宝哥软件园

对JavaScript函数的特点和应用实践进行深入细致的讲解

编辑:宝哥软件园 来源:互联网 时间:2021-08-28

本文通过实例说明了JavaScript函数的特点和应用实践。分享给大家参考,如下:

函数用于指定对象的行为。编程是将一组需求分解成一组功能和数据结构的技能。

1 函数对象

JavaScript函数是对象。对象是名称-值对的集合,并且它还具有到原型对象的链接。文字对象生成的对象连接到Object.prototype,而函数对象连接到Function.prototype(这个对象本身连接到Object.prototype)。每个函数在创建时都有两个隐藏属性:函数的上下文和实现函数的代码。

函数对象创建后会有一个原型属性,它的值是一个带有构造函数属性的对象,它的值既是函数对象。

因为函数是对象,所以它们可以作为参数传递给其他函数。它也可以返回一个函数。

2 函数字面量

函数可以按字面意思创建:

var add=函数(a,b){ return a b;}此处函数未命名,故称匿名函数。

内部函数不仅可以访问自己的参数和变量,还可以访问其父函数的参数和变量。由函数文字创建的函数对象包含到外部上下文的连接,这称为闭包。它是JavaScript强大表现力的源泉。

3 调用

调用函数会暂停当前函数的执行,并将控制权和参数传递给被调用的函数。

当函数的实际参数数量与形式参数数量不匹配时,不会导致运行时错误。如果实际参数太多,多余的参数将被忽略。如果实际参数的数量太少,缺少的值将是未定义的。不检查参数类型,因此任何类型的值都可以传递给任何参数。

3.1 方法调用模式

当函数被保存为对象的属性时,它被称为方法。当调用方法时,这将绑定到此对象。如果调用表达式包含提取属性的操作(即,它包含“.”点表达式或“]”下标表达式),那么它就作为方法被调用。

Var myObject={value: 0,//attribute Inc Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc . Inc值=Inc的类型==' number '?Inc : 1;}};myobject . increment();console . log(myobject . value);//1myoobject . increment(2);console . log(myobject . value);//3您可以在这里使用它来访问您所属的对象。能够通过此获取其所属对象的上下文的方法称为公共方法。

3.2 函数调用模式

var add=函数(a,b) {返回a b;}var sum=add(3,4);//7;这是绑定到全局对象的。这是绑定了一个全局对象,这其实是语言设计上的一个错误!如果设计是正确的,那么当调用内部函数时,这个应该绑定到外部函数的这个变量。可以这样解决:为这个方法定义一个变量,并赋予它一个值,这样内部函数就可以通过这个变量来访问这个变量,一般命名为:

myobject . double=function(){ var=this;//让内部函数访问这个(my object)var helper=function(){ that。值=相加(即。价值。值)通过这个变量;};helper();//调用helper}作为函数};myobject . double();//调用helper console . log(myobject . value)作为方法;//6

3.3 构造器调用模式

JavaScript是一种基于原型继承的语言,因此对象可以从其他对象继承其属性。

如果在函数之前添加new,JavaScript将创建一个新对象,该对象连接到函数的prototype属性,并将绑定到这个新对象。

/* * *构造函数调用模式(不推荐)*/var Quo=function (string) {//定义构造函数函数;按照惯例,变量名的第一个字母必须大写this.status=string//属性};/* * *为Quo * @的所有实例提供一个名为get_status的公共方法,返回{ * } */Go . prototype . get _ status。

更多资讯
游戏推荐
更多+