JavaScript函数的四种存在形态_js函数的三种作用域

myzbx 2025-09-04 13:54 6 浏览

函数的四种存在形态：

1.函数形态

2.方法形态将函数赋值给某一个对象的成员，那么就称为方法

3.构造器形态

4.上下文形态

函数形态：

var foo = function {
	alert(this); //this是window
};

方法形态：

o = {};
o.foo = foo;    //将函数foo赋值给对象o的foo属性
o.foo; //弹出的是object，此时的this表示object

var lib = {
	test:function {
	    alert(this);       //此处的this表示object（lib对象本身）

 //var that = this;   //要想匿名函数中this表示lib对象，可以这样
	    (function {
		  alert(this);   //此处的匿名函数不属于lib对象，所以this任然表示window
	    });
	}
};
lib.test;

构造器（构造函数） var p = new Person; 1、new创建了对象，并开辟了空间 2、将对象的引用地址传递给函数，在函数中用this接收 3、构造方法执行结束，返回this

var Person = function {
	this.age = 19;
	this.name = "Mr靖";
	return "{}";
};

var p = new Person;
alert(p.name);   //弹出的是undefined，由于函数返回的是一个对象，所以直接将这个对象返回给person，而忽略age，name属性

var Person = function {
	this.age = 19;
	this.name = "Mr靖";
	return 123;
};

var p = new Person;
alert(p.name);  //弹出“Mr靖”，由于返回值不是对象，所以直接忽略
alert(p);  //弹出object

改变的东西有：
构造函数改变了函数的返回值
如果函数的返回值是一个对象，那么就按照返回值来返回
如果返回值不是一个对象就忽略返回值，直接返回this

上下文调用模式

函数.apply(对象, [参数列表])

var foo1 = function(a, b) {
	alert(this);
	return a > b ? a : b;
};
var num = foo1.apply(null, [112, 34]); //此时foo1是函数形态，this表示window num = foo1.apply({}, [112, 34]); //此时foo1是方法形态，this表示参数中传入的对象{}

函数.call(对象, 参数列表);

var num1 =foo1.call(null,112,34);

num1=foo1.call({},112,34);

JS 函数 Apply

上一篇：SpringBoot 实现网络流量抓包与实时分析
下一篇：lua 语法介绍与 NGINX lua 高级用法实战操作

JavaScript函数的四种存在形态_js函数的三种作用域

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

这么牛逼的cursor功能，赶紧用起来

20个免费音乐音效下载网站，无版权素材商业影片也可用

comfyui安装MimicMotion扩展，AI跳舞动作模仿

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331