自我介绍
我叫陈琨,是一名即将顶岗实习的大专生,完事。
笔记主题
函数
无论你的团队用的是三大主流框架的哪一个,写函数应该是必不可少的事情了,废话不多说,直接进入正题吧,函数的调用模式。这是js纯粹的第四章把内容的部分。调用一个函数会暂停当前函数的执行,传递控制权和参数该新函数。除了生命时定义的形式参数,每个函数还接收两个附加的参数:this和arguments。参数this在面向对象编程中非常重要,他的值取决于调用的模式。在js中有四种调用模式:方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化关键参数this上存在差异。调用运算符是跟在任何产生一个函数值的表达式之后的一对圆括号。圆括号内科包含零个或多个用逗号隔开的表达式。每个表达式产生一个参数值。每个参数值被赋予函数声明时定义的形式参数名。当实际参数(arguments)的个数与形式参数的个数不匹配时,不会导致运行时错误。如果实际参数值过多了,超出的参数值会被忽略。如果实际参数值过少,缺失的值会被替换为undefined。对参数值不会进行类型检查;任何类型的值都可以被传递=给任何参数。
方法调用模式
当一个函数被保存为对象的一个属性时,我们称它为一个方法。当一个方法被调用时,this被绑定到该对象。如果调用表达式包含一个提取属性的动作,那么它就是被当做一个方法来调用。
var obj = { value: 0, add: function (num) { this.value += typeof num === 'number' ? num : 1; }};obj.add() //1obj.add(2) //3复制代码
方法可以使用this访问自己所属的对象,所以它能从对象中取或对对象进行修改。this到对象的绑定发生在调用的时候。这个超级延迟绑定使得函数可以对this高度复用。通过this可取得他们所属的上下文的方法称为公共方法。
函数调用模式
当一个函数并非一个对象的属性时,那么它就是被当做一个函数来调用的,以此模式调用函数时,this被绑定到全局对象。这是一个语言设计错误。应该是当内部函数被调用时,this应该任然绑定到外部函数的this变量。这个设计错误的后果就是方法不能利用内部函数来帮助它工作,因为内部函数的this被绑定了错误的值,所以不能共享该方法对对象的访问权。幸运的是,有一个很容易的解决方案:如果该方法定义一个变量并给它赋值this,那么内部函数就可以通过那个变量访问到this,那么内部函数就可以通过那么变量访问到this。按照约定,把那个变量命名为that.
var add = function (a,b) { return a+b;}obj.foo = function () { var that = this; var help = function () { that.value = add(that.value,that.value); } help()}obj.foo() // 6复制代码
构造器调用模式
js是一门基于原型继承的语言。这意味着对象可以直接从其他对象继承属性。该语言是无类型的。如果在一个函数面前带上new来调用,那么背地里将会创建一个连接到该函数的prototype新成员的新对象,同时this会被绑定到那个新对象上。
new前缀也会改变return语句的行为。我们将会在后面看到更多的相关内容。
var Quo = function (string) { this.status = string}Quo.prototype.get_status = function () { return this.status;}var myQuo = new Quo("amaing");console.log(myQuo.get_status()) // amaing复制代码
一个函数,如果创建的目的就是希望结合new前缀来调用,那它就被称为构造器函数,按照约定,他们保存在以大写格式命名的变量里。如果调用构造器函数时没有在前面加上new,可能会发生非常糟糕的事情,既没有编译时警告,也没有运行时警告,所以大写约定非常重要。
apply调用模式
因为js是一门函数式的面向对象编程语言,所以函数可以拥有方法。apply方法让我们构建一个参数数组传递给调用函数。它也允许我们选择this的值。apply方法接收两个参数,一个是this的值,另一个是参数数组
var arr = [3,4];var sum = add.apply(null,arr) //7var statusObj = { status: 'zh'}var status = Quo.prototypr.get_status.apply(statusObj)复制代码