建议16:比较函数调用模式

2019-12-30 11:51:33 阅读：204 来源： 互联网

　　在JavaScript中,函数就是对象,对象是"名/值"对集合,并拥有一个到原型对象的隐藏连接.对象字面量产生的对象连接到object.prototype,函数对象连接到Function.prototype,该原型对象本身连接到object.prototype.每个函数在创建时都有两个附加的隐藏属性:函数的上下文和实现函数行为的代码.

　　每个函数对象在创建时也随之带一个prototype属性,它的值是一个拥有constructor属性且constructor属性值为该函数的对象.这和隐藏连接到Function.prototype完全不同.这和隐藏连接到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()
console.log(obj.value);   //1
obj.increment(2)
console.log(obj.value);   //3

　　由于increment方法可以使用this去访问对象,所以他能从对象中取值或修改该对象.this到对象的绑定发生在调用的时候.这个延迟绑定使函数可以对this高校服用,通过this可获取increment方法所属对象的上下文方法称为公共方法.

　　(2)函数调用模式

　　当一个函数并非一个对象的属性时,它将被当作一个函数来调用　

var  sum =add(3,4)  //7

　　当函数以此模式调用时,this被绑定到全局对象.这是语言设计上的一个错误.如果语言设计正确,当内部函数被调用时,this应该仍绑定到外部函数的this变量,这个设计错误的后果时方法不能利用内部函数来帮助它工作,因为内部函数的this被绑定了错误的值,所以不能共享该方法对对象的访问权.幸运的时,有一个很容易解决的方法:如果该方法定义一个变量并将它赋值为this,那么内部函数就可以通过这个变量访问this.

var obj = {
  value:1,
  doub:function(){
    var that = this;
    var helper = function(){
      that.value = that.value*2
    }
    helper()
  }
}
obj.doub();
console.log(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")
console.log(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++){
    sum += arguments[i]
  }
  return sum
}
var sum = add.apply({},array)
console.log(sum);    //9

　　使用apply方法调用add()函数,将数组array中的元素值相加.

var F = function(){
  this.status = string
}
F.prototype.get = function(){
  return this.status
}
var obj = {
  status:'obj'
}
var status = F.prototype.get.apply(obj)
console.log(status);  //obj

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

标签：status,调用,obj,函数,16,对象,模式,函数调用,var
来源： https://www.cnblogs.com/chorkiu/p/12118372.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

建议16:比较函数调用模式