位置: 编程技术 - 正文

跟我学习javascript的函数调用和构造函数调用(java script教程)

编辑:rootadmin

推荐整理分享跟我学习javascript的函数调用和构造函数调用(java script教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:java教程 视,java learning,java script课程,java教程,java learning,java教程,java教程,java learning,内容如对您有帮助,希望把文章链接给更多的朋友!

一、函数调用Function绝对是JavaScript中的重中之重。在JavaScript中,Function承担了procedures, methods, constructors甚至是classes以及modules的功能。

在面向对象程序设计中,functions,methods以及class constructor往往是三件不同的事情,由不同的语法来实现。但是在JavaScript中,这三个概念都由function来实现,通过三种不同的模式。

最简单的使用模式就是function 调用:

二、方法的调用

而methods这一概念在JavaScript中的表现就是,一个对象的属性是一个function:同样的是函数,将其赋值给一个对象的成员以后,就不一样了。将函数赋值给对象的成员后,那么这个就不在称为函数,而应该叫做方法。

真正的行为是,调用本身才会决定this会绑定到哪个对象,即: obj1.hello()会将this绑定到obj1,obj2.hello()则会将this绑定到obj2。记住一句话,谁调用,this就指向谁

正因为this绑定的这种规则,在下面的用法也是可行的:

但是,在一个普通的函数中,如上面的hello函数,使用this关键字是不太好的方式,当它被直接调用的时候,this的指向就成了问题。在这种情况下,this往往被指向全局对象(GlobalObject),在浏览器上一般就是window对象。 而这种行为是不确定和没有意义的。

所以在ES5标准中,如果使用了strict mode,那么this会被设置为undefined:

以上这种做法是为了让潜在的错误更快的暴露出来,避免了误操作和难以找到的bug。 区别普通函数调用和方法调用,直接看这个例子就明确了。

这里的运行结果是,两个函数是相同的,因此打印结果是 true。但是由于两个函数的调用是不一样的,func 的调用,打印的是 [object Window],而o.fn 的打印结果是 [object Object]。

这里便是函数调用与方法调用的区别,函数调用中,this 专指全局对象 window,而在方法中 this 专指当前对象,即 o.fn 中的 this 指的就是对象o。

三、构造函数的调用

跟我学习javascript的函数调用和构造函数调用(java script教程)

function的第三种使用模式就是讲它作为constructor:

构造器中的this

我们需要分析创建对象的过程,方能知道this的意义. 如下面代码:

这里首先定义了函数Person,下面分析一下整个执行:

程序在执行到这一句的时候,不会执行函数体,因此 JavaScript的解释器并不知道这个函数的内容. 接下来执行new关键字,创建对象,解释器开辟内存,得到对象的引用,将新对象的引用交给函数. 紧接着执行函数,将传过来的对象引用交给this. 也就是说,在构造方法中,this就是刚刚被new创建出来的对象. 然后为this 添加成员,也就是为对象添加成员. 最后函数结束,返回this,将this交给左边的变量.

分析过构造函数的执行以后,可以得到,构造函数中的this就是当前对象.

构造器中的return

在构造函数中return的意义发生了变化,首先如果在构造函数中,如果返回的是一个对象,那么就保留原意. 如果返回的是非对象,比如数字、布尔和字符串,那么就返回this,如果没有return语句,那么也返回this. 看下面代码:

代码运行结果是,先弹窗打印[object Object],然后打印”赵晓虎”. 因为这里 return 的是一个字符串,属于基本类型,那么这里的return语句无效,返回的是this对象. 因此第一个打印的是[object Object]而第二个不会打印undefined.

使用new关键将function作为constructor进行调用。和function以及method调用不一样的是,constructor会传入一个新的对象并将它绑定到this,然后返回该对象作为constructor的返回值。而constructor function本身的作用就是为了初始化该对象。

构造函数调用常犯的一个错误

兴致勃勃地定义了下面这么个构造函数:

定义构造函数结束后呢?没错,赶紧实例化:

这个coder兄弟叫什么名字?赶紧打印下:

这样的错误貌似挺低级的,但出现的概率挺高的,肿么去避免或减少这种情况的发生呢? 可以在内部实现里面动下手脚:

其实很简单,实例化的时候,内部判断下,当前this指向的对象的类型即可,如果非当前构造函数的类型,强制重新调用一遍构造函数。 突然觉得Coder这名字不够洋气?想用Hacker,好吧,我改。。。数了下,一共有三处要改,这不科学,有没有办法只把构造函数的名字改了就行? 当然有:

tips:据说在ES 5的严格模式下面arguments.callee会被禁用,不过仅当ES 5普及同时你指定了要使用严格模式,否则还是可以用的发散下思维。

标签: java script教程

本文链接地址:https://www.jiuchutong.com/biancheng/384619.html 转载请保留说明!

上一篇:12种JavaScript常用的MVC框架比较分析

下一篇:跟我学习javascript的call(),apply(),bind()与回调(java教程 视)

  • 年终双薪究竟该怎么算
  • 财务软件使用制度
  • 一般进口货物的完税价格如何确定
  • 发票开错抬头做红字发票的账务处理
  • 以前年度所得税退税会计分录
  • 小规模纳税人增值税减免账务处理
  • 应付账款赊销率和周转率的区别
  • 同产品不同单价能相加开票吗
  • 二季度资产总额怎么计算
  • 派发现金红利分录
  • 哪些收入减免所得税
  • 商业银行贷款账号如何查询
  • 捐赠利得会计分录
  • 税务房屋租赁发票图片
  • 借款合同法律规定的表述
  • 一般纳税人增值税可以抵扣吗
  • 支付保安公司的钱违法吗
  • 营改增后挂靠开票作收入吗?
  • 增值税发票收款人复核人空白可以吗
  • 帮其他企业推广产品
  • 跨月冲红的发票怎么做账
  • 花椒油的税率
  • 小规模纳税人和一般纳税人哪个好
  • 现金流量净额为负说明什么
  • 补缴去年的社保怎么做账
  • 代缴社保工资怎么做账
  • 专家费1000元个人所得税到底是税前还是税后
  • 发出商品发生损失
  • 飞机票的保险费可以退吗
  • 金融企业贷款损失准备金税务管理
  • 多交增值税可以退吗
  • 税务机关如何判别c开发票视频
  • 转让股权后公司资产
  • 物业公司购买空调合法吗
  • 当月认证的发票可以进行进项税额转出嘛
  • 路由配置中network怎么用
  • unity loom插件
  • 模型参数是什么意思
  • 取得专票怎么做账
  • 旅行社的会计分录怎么做
  • 增值税专票的开票要求
  • 事业收入如何确认
  • 哪些公司不交五险一金
  • 劳务公司的账务怎么做
  • mysql备份工具
  • 外部审计查什么
  • 企业所得税季初和季末怎么算
  • sql server基本
  • 计提减值准备是利空吗
  • sql无法运行
  • 投资管理公司成立的请示范文
  • 计提工会经费会计凭证怎么做分录
  • 消费税是怎样征收的
  • 贷方账户日累计金额超限什么意思
  • 残保金未交,滞纳金怎么算
  • 收到货物抵账的会计分录
  • 投资性房地产如何进行初始计量
  • 结转本月福利费会计分录
  • 车子购买的保险
  • 商品验收入库时怎么做账
  • 装修费用一次性税前扣除
  • 管理会计的职能作用是
  • 固定资产二级明细科目有哪些
  • 商品流通企业进货费用
  • mysql的表文件在哪
  • sql取两个时间的间隔天数
  • win7搜索无法使用
  • windows七如何连接网络
  • msng.exe是什么
  • windowsxp关闭窗口操作方法有哪些
  • exe是什么进程
  • win7搜索选项
  • windows适配器未连接
  • win8声音小怎么解决
  • shell中特殊字符的含义
  • js for循环给数组赋值
  • Node.js中的事件循环是什么样的
  • shell for遍历
  • 安卓获取手机号及通话状态权限
  • 陕西国家税务总局官网登录入口
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设