📒博客首页：酸狗的博客🍋
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
💖热爱前端学习，期待一起交流！✨
🙏作者水平很有限，如果发现错误，求告知，多谢！🌈
😎有问题可私信我交流🙄

💘new一个对象

🤔万物皆对象
🤣New一个对象
✨new 操作符具体干了什么呢?
🌈call() 和 apply() 的含义和区别？
- 🎉call实现不传对象
- 🎈apply 传递参数

🤔万物皆对象

在这里插入图片描述

在JavaScript的世界，万物皆对象。除了null和undefined，其他基本类型数字，字符串和布尔值都有对应有包装对象。对象的一个特征是你可以在它身上直接调用方法。对于数字基本类型，当试图在其身上调用toString方法会失败，但用括号括起来后再调用就不会失败了，内部实现是用相应的包装对象将基本类型转为对象。所以(1).toString()相当于new Number(1).toString()。因此，你的确可以把基本类型数字，字符串，布尔等当对象使用的，只是注意语法要得体。

同时我们注意到，JavaScript中数字是不分浮点和整形的，所有数字其实均是浮点类型，只是把小数点省略了而以，比如你看到的1可以写成1.，这也就是为什么当你试图1.toString()时会报错，所以正确的写法应该是这样：1…toString()，或者如上面所述加上括号，这里括号的作用是纠正JS解析器，不要把1后面的点当成小数点。内部实现如上面所述，是将1.用包装对象转成对象再调用方法。

使用new则是将之当做构造函数来调用，会创建一个该类的实例对象，这个对象的type是这个函数名，中间使用this.propertyname=value会对该实例对象的属性赋值，并且无论有没有return，都会返回这个对象。

而如果是直接调用就是简单执行里面的代码，不会创建实例对象，this指向的调用环境下的this对象，如果是在全局中直接调用，就是window，没有默认返回值。

想要创建类，一般用前者（构造器模式），当然也可以使用后者，例如工厂模式和寄生构造器模式。

构造器模式:

javascript">function Person(name, age, job) {
		this.name = name;
		this.age = age;
		this.job = job;
		this.introduce = function() {
			alert("My name is " + this.name + ", I am" + age + "year(s) old, I am a " + job + ".");
		}
	}

工厂模式：

javascript">function createPerson(name, age, job) {
		var o = new Object();
		o.name = name;
		o.age = age;
		o.job = job;
		return o;
}

寄生构造器模式:

javascript">function SpecialArray() {
		var values = new Array();
		values.push.apply(values, arguments);
		values.toPipedString = function() {
			return this.join("|");
		};
		return values;
	}

后两种方法的缺点在于因为返回的还是object类型，所以不能通过instanceof来检测实际类型。

🤣New一个对象

xdm,家里人催你找对象了吗?
不要慌，身为程序员怎么能怕没对象？
没对象怎么办？new一个对象不就解决了吗？😍 在这里插入图片描述

javascript">const obj = new Object;

✨new 操作符具体干了什么呢?

new操作符会做以下操作：

创建一个空的简单Javascript对象（即{}）;
链接该对象（即设置该对象的构造函数）到另一个对象；
将步骤1新创建的对象作为this的上下文；
如果该函数没有返回对象，则返回this；

参考：MDN的new解释

🌈call() 和 apply() 的含义和区别？

首先说明两个方法的含义：

call：

调用一个对象的一个方法，用另一个对象替换当前对象。例如：B. call(A, args1, args2); 即 A 对象调用 B 对象的方法。

apply：

调用一个对象的一个方法，用另一个对象替换当前对象。例如：B. apply(A, arguments); 即 A 对象应用 B 对象的方法。

call 与 apply 的相同点：

方法的含义是一样的，即方法功能是一样的；
第一个参数的作用是一样的；

call 与 apply 的不同点：

两者传入的列表形式不一样，call 可以传入多个参数；
apply 只能传入两个参数，所以其第二个参数往往是作为数组形式传入

xdm,想一想哪个性能更好一些呢🤔？

在这里插入图片描述

🎉call实现不传对象

javascript">function myNew(fn) {
    // 以构造函数fn的prototype为原型 创建一个新的简单对象
    let o = Object.create(fn.prototype)
    // 改变fn的this指向到o，并执行fn
    let k = fn.call(o);
 
    // 如果构造函数没有返回对象，则返回o
    if (typeof k === 'object') {
        return k;
    } else {
        return o;
    }      
}

🎈apply 传递参数

javascript">function myNew(fn, ...args) {
    // 以构造函数fn的prototype为原型 创建一个新的简单对象
    let o = Object.create(fn.prototype)
    // 改变fn的this指向到o，并执行fn
    let k = fn.apply(o, args);
 
    // 如果构造函数没有返回对象，则返回o
    if (typeof k === 'object') {
        return k;
    } else {
        return o;
    }       
}