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

一、this 运用。

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

this使用的地方:事件(行内\js文件内)、构造函数、原型、对象

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

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

     

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

     

  3. 使用JSON方法:浅拷贝,只有键值对为函数的时候会直接过滤跳过,其他情况都为深拷贝
    let obj = {
        "name": "tjh",
        "sub": [1,2,3],
        "num": function(){
                    console.log("111");
                }
    }
    
    let obj1 = {};
    let obj1 = JSON.stringify(obj);
    JSON.parse(obj1);

     

  4. 使用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(){"添加对象的方法其实就是添加函数"}

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值