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

简介: js方法调用的四种模式1、方法调用模式 1 function Persion() { 2 var name1 = "itcast", 3 age1 = 19, 4 show1 = function() { 5 console.

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 : show1
12     };
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指向了window
6 
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对象实例。

4call apply调用模式

 

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

 

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

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

 

相关文章
|
6月前
|
设计模式 缓存 JavaScript
JavaScript 简单实现观察者模式和发布-订阅模式
JavaScript 简单实现观察者模式和发布-订阅模式
32 0
|
4月前
|
前端开发 JavaScript
JavaScript基础知识:JavaScript 中的异步编程有哪些模式?
JavaScript基础知识:JavaScript 中的异步编程有哪些模式?
37 0
|
9月前
|
设计模式 前端开发 JavaScript
|
9月前
|
设计模式 前端开发 JavaScript
|
9月前
|
JavaScript
【常见面试题】JS 发布者、订阅者模式
面试中经常出现问到如何实现JS 发布者、订阅者模式。
76 2
【常见面试题】JS 发布者、订阅者模式
|
5月前
|
JavaScript 程序员 Go
一图看懂编程语言迁移模式:终点站是Python、Go、JS
一图看懂编程语言迁移模式:终点站是Python、Go、JS
|
5月前
|
存储 前端开发 JavaScript
如何使用CSS和JavaScript实施暗模式?
如何使用CSS和JavaScript实施暗模式?
|
6月前
|
移动开发 JavaScript
同样的JS效果,有部分页面生效,有部分页面无效的原因(怪异模式)
同样的JS效果,有部分页面生效,有部分页面无效的原因(怪异模式)
31 0
|
8月前
|
设计模式 开发框架 JavaScript
理解JavaScript 的发布者_订阅者模式
理解JavaScript 的发布者_订阅者模式
47 0
|
9月前
|
存储 设计模式 前端开发