分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

第164天:js方法调用的四种模式

发布时间:2023-09-06 01:40责任编辑:傅花花关键词:js

js方法调用的四种模式

1、方法调用模式

 1 function Persion() { 2 ????var name1 = "itcast", 3 ????age1 = 19, 4 ????show1 = function() { 5 ????????console.log(this.name); 6 ????}; 7 ?8 ????return { 9 ????????age : age1,10 ????????name : name1,11 ????????show : show112 ????};13 }14 15 var p = new Persion();16 p.show(); ?//在show方法中的this指向了p对象。

2、 函数调用模式

1 function add( a, b) {2 ????this.result = a + b;3 }4 5 add( 3, 9 ); //此方法执行的时候,this指向了window6 7 console.log(result); ??

3、构造器调用模式

 1 function Persion(){ 2 ????this.name = "123"; 3 ????this.age = 19; 4 ????this.show = function(){ 5 ????????console.log(this.name); 6 ????}; 7 } 8 ?9 var p = new Persion();10 p.show();// ?在show方法中方法this,指向了p对象实例。

4、call 和 apply调用模式

1 function add(a,b){2 ????this.result = a + b;s ??????????3 }4 5 var p ?= {}; ???????//定义一个空对象。6 add.call(p,3,4); ???//在这个方法调用的时候,this指向了p7 console.log(p.result);8 9 //apply和call是一样的用法,只不过apply第二个参数用数组进行传递。

变量提升:函数执行之前,会先将函数中所有的变量,挪到最前面去声明。

函数名提升: script中脚本,在执行之前,会先把脚本中的所有的函数先进行编译解析,然后执行普通的js代码。

第164天:js方法调用的四种模式

原文地址:https://www.cnblogs.com/le220/p/8400219.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved