this、深拷贝和浅拷贝、构造函数与实例对象、原型对象

最新推荐文章于 2022-01-08 00:46:37 发布

tjh0001

最新推荐文章于 2022-01-08 00:46:37 发布

阅读量1.8k

点赞数 3

分类专栏：知识点回顾

知识点回顾专栏收录该内容

60 篇文章

订阅专栏

博客介绍了JavaScript的几个基础知识点。包括this的运用，其指向调用函数或方法的对象；深拷贝和浅拷贝的区别及不同实现方式；构造函数用于创建类，实例对象通过new关键字具体化构造函数；还介绍了用prototype关键字在构造函数中添加新对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、this 运用。

this 是谁调用的this所在的函数或方法，那么this就指向其。

this使用的地方：事件（行内\js文件内）、构造函数、原型、对象

二、深拷贝和浅拷贝: 前者拷贝的是值，后者为地址

使用普通的赋值：浅拷贝，赋值的是地址，改变一个对象另一个对象亦会改变。
```
let obj = {
    "name": "tjh"
}

let obj1 = {};
obj1 = obj;
```
使用Object.assign()方法：浅拷贝，键值对是值类型的为深拷贝，对象类型的为浅拷贝
```
let obj = {
    "name": "tjh",
    "sub": [1,2,3]
}

let obj1 = {};
obj1 = Object.assign({},obj);
```

使用JSON方法：浅拷贝，只有键值对为函数的时候会直接过滤跳过，其他情况都为深拷贝

let obj = {
    "name": "tjh",
    "sub": [1,2,3],
    "num": function(){
                console.log("111");
            }
}

let obj1 = {};
let obj1 = JSON.stringify(obj);
JSON.parse(obj1);

使用for-in方法：深拷贝，包括函数都赋值

function deepClone(obj){
    let newObj = obj instanceof Array ? [] : {};
    for(let k in obj){
        newObj[k] = typeof obj[k] === "Object" ? deepClone(obj[k]) : obj[k];
    }
    return newObj;
}

三、构造函数与实例对象

构造函数是创建一个类，实现方式：函数名首字母大写，函数内部有this关键字


function Cellphone(brand,price,type){
        this.brand = brand，
        this.price = price，
        this.type = type
    }

实例对象是将构造函数具体化，以new为关键字

var c2 = new Cellphone({
        brand:"小米",
        price:1000,
        type:"红米"
    });

四、原型对象

使用prototype关键字，在构造函数中添加新的对象，使实例的对象不需要修改或重新定义亦可拥有新的属性

Cellphone.prototype.sayMe = function(){"添加对象的方法其实就是添加函数"}