博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
读js纯粹笔记
阅读量:7197 次
发布时间:2019-06-29

本文共 2090 字,大约阅读时间需要 6 分钟。

自我介绍

我叫陈琨,是一名即将顶岗实习的大专生,完事。

笔记主题

函数

无论你的团队用的是三大主流框架的哪一个,写函数应该是必不可少的事情了,废话不多说,直接进入正题吧,函数的调用模式。这是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)复制代码

说明

一方面为了加深印象,另一方面是为了方便上课无聊可以翻翻复习一下。

转载地址:http://nhkum.baihongyu.com/

你可能感兴趣的文章
HTML5语法中需要掌握的3个要点
查看>>
Java数据库基础(JDBC)
查看>>
聚合里城市名和代码
查看>>
phpize建立PHP扩展报错Cannot find config.m4.
查看>>
SWFObject.js试用方法参数说明
查看>>
北京房租大涨?6个维度,数万条数据帮你揭穿
查看>>
微软释Visual Studio 2019最新版重点是C++的支持
查看>>
移动硬盘数据错误循环冗余检查,要怎么恢复资料
查看>>
2018-4-16 Linux学习笔记
查看>>
vlan,trunk,stp,vrrp,ospf的多应用来实现网络的优化
查看>>
【Oracle Database】Oracle RAC(二):DNS
查看>>
React Component 与事件绑定
查看>>
连载21:软件体系设计新方向:数学抽象、设计模式、系统架构与方案设计(简化版)(袁晓河著)...
查看>>
MariaDB-MMM高可用群集
查看>>
微信报名系统究竟有什么优势?
查看>>
4-思科防火墙:访问控制列表:基本ACL
查看>>
基于GNS3思科路由器实现的静态路由
查看>>
关于shareinstall“不准”的几个问题解答
查看>>
SpringMVC框架搭建环境
查看>>
Redis缓存穿透、缓存雪崩、redis并发问题分析
查看>>