家人问你还没有对象怎么办？那你new一个对象呀
📒博客首页：酸狗的博客🍋
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
💖热爱前端学习，期待一起交流！✨
🙏作者水平很有限，如果发现错误，求告知，多谢！🌈
😎有问题可私信我交流🙄
💘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，没有默认返回值。
想要创建类，一般用前者（构造器模式），当然也可以使用后者，例如工厂模式和寄生构造器模式。
构造器模式:
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 + ".");}}
工厂模式：
function createPerson(name, age, job) {var o = new Object();o.name = name;o.age = age;o.job = job;return o;
}
寄生构造器模式:
function SpecialArray() {var values = new Array();values.push.apply(values, arguments);values.toPipedString = function() {return this.join("|");};return values;}
后两种方法的缺点在于因为返回的还是object类型，所以不能通过instanceof来检测实际类型。
🤣New一个对象
xdm,家里人催你找对象了吗?
不要慌，身为程序员怎么能怕没对象？
没对象怎么办？new一个对象不就解决了吗？😍
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实现不传对象
function myNew(fn) {// 以构造函数fn的prototype为原型 创建一个新的简单对象let o = Object.create(fn.prototype)// 改变fn的this指向到o，并执行fnlet k = fn.call(o);// 如果构造函数没有返回对象，则返回oif (typeof k === 'object') {return k;} else {return o;}
}
🎈apply 传递参数
function myNew(fn, ...args) {// 以构造函数fn的prototype为原型 创建一个新的简单对象let o = Object.create(fn.prototype)// 改变fn的this指向到o，并执行fnlet k = fn.apply(o, args);// 如果构造函数没有返回对象，则返回oif (typeof k === 'object') {return k;} else {return o;}
}
你现在可以说你有对象了😀
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！