JS核心02：this介绍、构造器和原型对象介绍

极乐码农

已于 2022-10-09 22:33:23 修改

阅读量259

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

于 2022-10-01 00:23:01 首次发布

本文链接：https://blog.csdn.net/weixin_43216437/article/details/127128410

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

JS核心02：this介绍、构造器和原型对象介绍

JS基础

JS基础

this关键字解析

解析器在调用函数时每次都会向函数内部传递一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，这个对象我们称为函数执行的上下文对象，根据函数的调用方式的不同，this会指向不同的对象

以函数的形式调用时，this永远都是window
以方法的形式调用时，this就是调用方法的那个对象

构造器创建对象

JavaScript中除了基本数据类型其余都是对象和Java一致，所以可以通过new 关键字来创建实例

构造函数的执行流程

1、立刻创建一个对象
2、将新建的对象设置为函数中的this，在构造函数中可以使用this来引用新建的对象
3、逐条执行函数中的代码
4、将新建的对象作为返回值返回

1 2 4都是JS引擎帮助执行

    <script>
        function Person(name,age){
            this.name=name;
            this.age=age;
        }
        let person = new Person('zzq',25)
    </script>

使用一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类
我们将通过一个构造函数创建的对象，称为该类的实例
alert(person1 instanceof person); 可以使用instanceof检查实例是否是一个类的实例，和java一致

原型对象

背景将函数定义在全局作用域，污染了全局作用域的命名空间(其他人如果定义了同样名称的函数则发生覆盖)

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

 <script>
        function Person() {
        }
        function Dog() {

        }
        //每个对象都有不同的原型对象，每个原型对象分属于不同的对象
        console.log(Person.prototype === Dog.prototype); //false
    </script>

如果函数作为普通函数调用prototype没有任何作用，当函数以构造函数调用时，所创建的对象中都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过__proto__来访问该属性
原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容统一设置到原型对象中
当我们访问对象的换一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果找到则直接使用，如果没有则返回undeffned

   <script>
        function MyClass() {

        }
        //向MyClass的原型中添加一个方法
        MyClass.prototype.sayHello=function () {
            alert('hello');
        }
        
        let class1 = new MyClass();
        class1.sayHello()
    </script>

以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，这样不用分别为每一个对象添加，也不好影响到全局作用域，就可以使每个对象都具有这些属性和方法了

使用in检查对象中是否含有某个属性时，如果对象中没有但是原型中有，也会返回true
可以使用对象的hasOwnProperty()来检查对象自身中是否含有该属性

 class1.hasOwnProperty('sayHello')

原型对象的原型对象

普通对象的原型对象是prototype,原型对象的原型对象是__proto__
原型对象也是对象，所有它也有原型，当我们使用一个对象的属性或方法时，会先在自身中寻找，自身中如果有，则直接使用，如果没有则去原型对象中寻找，如果原型对象中有，则使用，如果没有则取原型的原型中寻找，如果没有则去原型的原型中寻找，直到找到Object对象的原型
Object对象的原型没有原型，如果在Object中依然没有找到，则返回undefiende
这个寻找的过程就是原型链
在这里插入图片描述

typeof、instanceof、in、hasOwnProperty

typeof：判断对象是哪个类型，输出类型
instanceof: 判断某个实例是否属于某个对象，输出boolean值
in: 判断某个属性是否属于某个对象(包括了对象的原型对象)
hasOwnProperty: 判断某个属性是否属于某个对象，只有对象自身，不包括原型对象

垃圾回收

垃圾回收(GC):就像人生活的时间长了就会产生垃圾一样，程序运行过程中也会产生垃圾，这些垃圾积攒过多，会导致程序的运行速度过慢，所以我们需要一个垃圾回收的机制，来处理程序运行过程中产生的垃圾

当一个对象没有任何变量或属性对它进行引用，此时我们将永远无法操作该对象，此时这个对象就是一个垃圾，这种对象过多会占用大量内存空间，导致程序运行变慢，所以这种来及必须进行清理。
在JS中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁，我们不需要也不能进行垃圾回收的操作，由JS引擎来完成
我们需要做的只是将不再使用的对象设置为null即可