Javascript`new`运算符和原型

2019-10-29 09:38:13 阅读：165 来源： 互联网

标签：constructor new-operator prototype javascript

假设我们创建了一个名为“形状”的函数,并添加了一个属性“名称”&原型上的方法“ toString”：

var Shape = function () {};
Shape.prototype.name = 'Shape';
Shape.prototype.toString = function () {
    return this.name;
}

console.log(Shape.name); // ''
console.log(Shape.toString()); // function () {}

var Triangle = new Shape();
console.log(Triangle.name); // 'Shape'
console.log(Triangle.toString()); // 'Shape'

“ NEW”运算符做了两件事：
1.它指向“三角形”
2.它将’Triangle’s [[proto]]指向Shape.prototype

这样我就能知道我何时叫& toString on Triangle,它搜索它的原型链,直到Shape.prototype.

但我的问题是,为什么Shape不搜索&方法的属性(甚至是对象)呢？属性？

谢谢.

解决方法:

所以我要根据我所知道的进行添加.

这里Shape是一个函数&函数只是一种特殊的对象,就像任何对象一样,函数可以具有属性.

函数自动获得一个称为prototype的属性,该属性只是一个空对象.该对象得到一些特殊处理.

当您对Function进行新的处理时,创建的对象将继承其构造函数原型的所有属性.

像波纹管

var Shape = function () {};
Shape.prototype.name = 'Shape';
Shape.prototype.toString = function () {
    return this.name;  
}

你什么时候说

var Triangle = new Shape();

那它做什么

var Triangle = {};
Triangle.name = Shape.prototype.name
Triangle.toString = Shape.prototype.toString;

“它设置了对象Triangle以委托给Shape.prototype.”

所以什么时候做

Triangle.name //Shape
Triangle.toString() // Shape

但是对于Shape,您将不得不说

Shape.prototype.name //Shape
Shape.prototype.toString() //Shape

标签：constructor,new-operator,prototype,javascript
来源： https://codeday.me/bug/20191029/1959058.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Javascript`new`运算符和原型