JavaScript笔记7：this、构造函数、原型、toString、垃圾回收

目录

 

this

构造函数

原型

toString

垃圾回收

---

1. this

   1. 解析器在调用函数每次都会在函数内部传递一个隐含的参数，这个隐含的参数是this

   2. this指向的是一个对象，这个对象我们称为函数执行的上下文对象，根据函数调用的方式不同，this指向的对象不同

   3. 调用方式：

      1. 以函数的形式调用时，this永远都是widow

      2. 以方法的形式调用时，this就是调用这个方法的对象

      3. 以构造函数的形式调用时，this就是新创建的对象

<script>
			// 创建一个name变量
			var name = "全局"
			
			//  创建一个fun函数
			function fun(){
				console.log(this.name)
			}
			
			// 创建两个对象
			var obj = {
				name : "孙悟空",
				sayName : fun,
			}
			var obj2 = {
				name : "沙和尚",
				sayName : fun,
			}
			
			// 希望调用obj.sayName()可以输出obj的名字
			obj.sayName()//孙悟空
			
			// 希望调用obj2.sayName()可以输出obj2的名字
			obj2.sayName()//沙和尚
</script>

1. 构造函数

   1. 构造函数是一个普通函数，创建方式和创建普通函数一样，但是习惯性上构造函数的函数名首字母大写

   2. 构造函数的调用：

      1. 普通函数是直接调用，而构造函数需要使用new关键字调用

   3. 构造函数执行流程

      1. 立刻创建一个新的对象

      2. 将新建的对象设置为函数中的this（构造函数中可以使用this来调用新建的对象）

      3. 逐行执行函数中的代码

      4. 将新建的对象作为返回值返回（没有return语句也会返回）

   4. 使用同一个构造函数的对象，我们称为是一类对象，也将一个构造函数称为一个类

   5. instanceof：使用instanceof可以检查一个实例是否是一个类的实例

语法：对象 instanceof 构造函数

 

// 创建一个构造函数
function Person(name, age, gender){
	this.name = name;
	this.age = age;
	this.gender = gender;
				
	this.sayName = function(){
	console.log('方法: ' + this.name + ',' + this.age + ',' + this.gender )
	}
}
var per = new Person('孙悟空', 18, '男');
per.sayName()

1. 原型

   1. 我们所创建的每一个函数，解析器都会向函数中添加一个prototype属性。这个属性对应着一个对象，这个对象就是我们所谓的原型对象

   2. 以普通方式调用函数时，prototype没有任何作用。但是当以构造函数的方式调用时，所创建的对象中都含有一个隐含的属性，该属性指向构造函数的原型对象，我们可以通过__proto__来访问该属性

   3. 原型对象相当于这个类的公共区域，所以同一个类的实例都可以访问到这个原型对象。我们可以将对象中共有的内容统一设置到原型对象中。

   4. 原型对象也是对象，也有原型

   5. 寻找属性的流程：

      1. 当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，

      2. 如果有则直接使用

      3. 如果没有，则去原型中寻找，如果找到则直接使用

      4. 如果没有，则去原型的原型中找，直到Object对象的原型（Object对象的原型没有原型），Object对象的原型中依然没有，则返回undefined

function Person(name, age,gender){
	this.name = name
	this.age = age
	this.gender = gender
	
	// 向原型中添加方法
	Person.prototype.sayName = function(){
	    console.log('大家好，我是' + this.name)
	}
}
// 创建一个实例
var per = new Person('孙悟空', 18, '男')

1. in语句

   1. 使用in可以检查对象中是否含有某个属性

   2. 对象中有，或者原型中有，都会返回true

// 语法
'属性名' in 对象名

1. hasOwnProperty()方法

   1. 使用hasOwnProperty()方法来检查对象中是否含有该属性

   2. 对象中含有才会返回true

// 语法
对象名.hasOwnProperty('属性名')

1. toString

   1. 当我们在页面直接打印一个对象时，事实上是打印对象的toString方法的返回值

   2. 我们可以为对象添加一个toString()方法来修改打印对象时的打印情况

   3. 写在原型中

2. 垃圾回收

   1. 当一个对象没有任何的变量或属性对它进行引用，此时我们将永远无法对该对象进行操作，该对象便成为垃圾

   2. JS有自动垃圾回收机制