JavaScript函数的4种调用方法

发表于 | 分类于

详解：http://www.jb51.net/article/49230.htm

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<html>
	<head>
	<!-- 1、函数调用模式 this指全局对象，即windows对象  -->
		<!-- <script type="text/javascript">
			var func=function(){
				alert("Hello");
				alert(this);
			};
			func();
		</script> -->
	<!-- 2、方法调用模式 this指当前对象-->
		<!-- <script>
			//定义一个函数
			var func=function(){
				alert(this);
			};
			//赋值给一个对象
			var o={};
			o.fn=func;//不要加圆括号
			alert(o.fn===func);
			func();
			o.fn();
		</script> -->
	<!-- 3、构造函数调用模式 this指当前对象-->
		<!-- <script type="text/javascript">
			//定义一个构造函数
			var Person=function(){
				this.name="程序员";
				this.sayHello=function(){
				//所有需要由对象使用的属性，必须使用this引导
					alert("你好，这里是"+this.name);
				};
			};
			//调用构造器，创建对象，使用new语法
			var p=new Person();
			//使用对象 this是new 创建出的对象p
			p.sayHello();
		</script> -->
		<!-- <script type="text/javascript">
			var ctr=function(){
				this.name="Max";
				// return {
				// 	//返回一个对象，页面中返回此值
				// 	name:"Jasper"
				// };
				// 返回 非对象，字符串数值，页面中返回this对象
				return "Jasper";
			};
			//创建对象
			var p=new ctr();
			//访问name属性
			alert(p.name);
		</script> -->
	<!-- 4、apply调用模式 可以像函数一样使用，也可以像方法一样使用 -->
		<!-- 4-1、相当于函数调用 -->
		<!-- <script type="text/javascript">
			var func1=function(){
				this.name="程序员";
			};
			func1.apply(null);
			alert(name);
		</script> -->
		<!-- 4-2、相当于方法调用 -->
		<!-- <script type="text/javascript">
			var func2=function(){
				this.name="程序员";
			};
			//name属性传入到o当中
			var o={};
			func2.apply(o);
			alert(o.name);
		</script> -->
	</head>
	<body>
	
	</body>
</html>