JavaScript高级（二）-CSDN博客

本文链接：https://blog.csdn.net/m0_63679126/article/details/123929300

在本周内，我继续学习了JavaScript高级程序设计，收获颇多，以下为我对我所学内容的整理。
闭包
1.什么是闭包？

理解一：闭包是嵌套的内部函数
理解二：包含被引用变量（函数）的对象

2.产生闭包的条件：

嵌套函数，内部函数引用外部函数的变量

<script>
	function fun(){
		var a = 2;
		function fn(){
			console.log(a);
		}
		fn()
	}
	fun()

//将函数作为另一个函数的返回值
	function fn1(){
		var a = 2;
		function fn2(){
			a++;
			console.log(a);
		} 
		fn2();
	}
	var f = fn1();
	f();  // 3
	f();  //4
</script>

3.闭包的作用：

使用函数内部的变量在函数执行完后，依然存在在内存中（延长了局部变量的生命周期）
让函数外部可以操作（读写）到函数内部的数据（变量/函数）

对象的创建模式
1.Object构造函数模式

var p = new Object();
p.name = "Tom";
p.age = 18;
p.setName = function(name){
	this.name = name;
}

p.setName("李白");
console.log(p.name,p.age);//李白  18

2.对象字面量模式

var p = {
	name:"Tom",
	age:12,
	setName:function(name){
		this.name = name;
	}
}

console.log(p.name,p.age);//Tom  12
p.setName("李白");
console.log(p.name,p.age);//李白 12

3.工厂模式

function creatPerson(age,name){
	var obj = {
		age:age,
		name:name,
		setName: function(){
			this.name = name;
		}
	}
	return obj;
}

var p1 = creatPerson(16,"张三");
var p2 = creatPerson(16,"李四");

4.自定义构造函数类型

function Person(name,age){
	this.name = name;
	this.age = age;
	this.setName = function(otherName){
		this.name = otherName;
	}
}

var p1 = new Person("lisa",16);
p1.setName("bob");
console.log(p1.name); // bob
console.log(p1 instanceof Person);  //true

5.构造函数+原型组合模式

function Person(name,age){
	this.name = name;
	this.age = age;
}
Person.prototype.setName = function(name){
	this.name = name;
}

var p1 = new Person("Tom",16);
var p2 = new Person("bob",19);
p1.setName("Jone");

继承模式
1.原型链继承

//父类型
function Supper(){
	this.supprop = "Supper property";
}
Supper.prototype.showSupperProp = funtion(){
	console.log(this.supprop);
}
//子类型
function Sub(){
	this.subProp = "sub propery";
}
Sub.prototype = new Supper();
Sub.pprototype.constructor = Sub;
Sub.prototype.showSubProp = function(){
	console.log(this.subProp);
}

var sub = new Sub();
sub.showSubProp();
sub.showSupperProp();

2.借用构造函数继承

function Person(name,age){
	this.name = name;
	this.age = age;
}
function Student(name,age,price){
	Person.call(this,name,age);//相当于this.Person(name,age);
	this.price = price;
}
var s = new Student("Tom",20,14000);
console.log(s.name,s.age,s.price);

3.原型链+借用构造函数的组合继承

function Person(name,age){
	this.name = name;
	this.age = age;
}
 Person.prototype.setName = function(name){
    this.name = name;
}

function Student(name,age,price){
    Person.call(this,name,age);
    this.price = price;
}

Student.prototype = new Person();
Student.prototype.constructor = Student;
Student.prototype.setPrice = function(price){
    this.price = price;
}

var s = new Student("tom",24,15000);
s.setName("bob");
s.setPrice(16000);
console.log(s);
console.log(s.name,s.age,s.price);

进程与线程
进程：程序的一次运行，它占有一片独有的内存空间，可以通过Windows任务管理器查看进程
多进程运行：应用程序可以同时启动多个实例运行
线程：是进程内的一个独立执行单元，是程序执行的一个完整流程
多线程：在一个进程内，同时有多个线程运行
浏览器内核
在这里插入图片描述
执行流程
js执行代码的基本流程