javascript的constructor属性介绍

之前闲来了解了__proto__和prototype的区别，每个对象都有隐私属性__proto__，而prototype是javascript函数特有的属性。那么constructor属性呢？最近是遇到一个bug：IOS8.3系统File对象的原型上面没有constructor属性，所以无法new一个file实例。那么什么时候能用new方法呢？

javascript高级编程中对于Object对象解释：

Object的每个实例都具有constructor属性，constructor（构造函数）保存用于创建当前对象的函数。

其实实例上面的constructor属性是因为继承了构造函数原型上的constructor属性，例如下面例子的Person.prototype.constructor。

constructor是function特有的，是在function的prototype上面的属性，指向function的一个引用。

JS中new操作符（创建对象实例）都做了什么呢？看个例子：

var Person = function(name){this.name = name;
}
Person.prototype.sayHi = function(){console.log(`Hi,${this.name}`);
}
var p = new Person('miya');
p.sayHi();  //Hi,miya

var o = Object.create({})
var p = new o()
// Uncaught TypeError: o is not a constructor

new一个实例时候其实发生的操作：

function New(F){var obj = {'__proto__':F.prototype};   //创建一个类的实例，将实例的__proto__指针指向F.prototypereturn function(){F.apply(obj,arguments);//改变this指向return obj;  //返回实例}

那么上面的o对象是个没有原型的空对象，不能进行new实例，报错原因是：o不是个构造器，因为o没有原型，所以new时候第一步就报错，因为o.prototype不存在。

如果改写函数的prototype属性，这里的改写是指重新赋值。那么prototype.constructor属性值会改变。

Boolean.prototype.constructor === Boolean  //true
Array.prototype.constructor === Array //true
var a = [1,2,3]
a.__proto__.constructor === Array  //true

之前说过instanceof是用来判断原型链继承的。

a instanceof Array //true

a本身就是数组，继承Array.prototype肯定是true了。

那么什么时候new一个实例不会报错呢？

1，new操作符只能操作函数，对象是不能操作的，IOS8.3的File对象是个对象，而不是个构造器。

2，该函数必须有原型对象（一般函数都有原型对象的），原型对象被改写也无所谓，必须得有prototype属性。

至于prototype上有没有constructor属性，这个无关紧要，报错说：o is not a constructor，只是告诉你，你必须用构造器来new一个实例。

【完】

“顿悟”，那也是需要前期的功课、积累，还需要静待开悟机缘的到来，最后才能在电光火石之间“顿悟”的。

转载于:https://www.cnblogs.com/tangjiao/p/10036485.html

javascript的constructor属性介绍相关推荐

javascript设计模式-Constructor（构造器）模式
Constructor是一种在内存已分配给该对象的情况下,用于初始化新创建对象的特殊方法.Object构造器用于创建特定类型的对象–准备好对象以备使用,同事接收构造器可以使用参数,以在第一次创建对象时 ...
javascript class constructor
创建和初始化实例语法: constructor([arguments]) { ... } 描述: 一个类只能有一个constructor方法使用super关键字调用父类方法如果没有显式指定构造方 ...
JavaScript：constructor属性
constructor属性始终指向创建当前对象的构造函数.比如下面例子: // 等价于 var foo = new Array(1, 56, 34, 12); var arr = [1, 56, 34 ...
JavaScript prototype constructor __proto__
了解使用JavaScript进行面向对象编程的基础（并增强您的编码…
by Kris Baillargeon 通过克里斯·拜伦学习使用JavaScript进行面向对象编程的基础知识(并增强您的编码能力!) (Learn the basics of object-ori ...
jQuery-源码阅读，JavaScript原生继承方式与jQuery中的继承
JavaScript中继承方法有以下几种: 1.原型链继承: function Book (name,author){this.name=name;this.author=author;}Book.p ...
JavaScript 学习总结（全）
JavaScript 总结 JavaScript是互联网上最流行的脚本语言,这门语言可用于 HTML和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备,JavaScript是一 ...
JS高级进阶总结day01---面向对象编程介绍,new的工作原理以及构造函数,原型对象,实力函数三者之间的关系
02-面向对象编程 1.1-面向对象编程介绍本小节知识点 1.理解什么是面向对象编程面向对象不是一门技术,而是一种解决问题的思维方式面向对象的本质是对面向过程的一种封装 2.理解什么是对象对象 ...
constrctor,prototype,__proto__
constructor 定义和用法在 JavaScript 中, constructor 属性返回对象的构造函数. 返回值是函数的引用,不是函数名: true.constructor //funct ...
撰写本文的所有基本React.js概念
Update: This article is now part of my book "React.js Beyond The Basics". 更新:本文现在是我的书<超 ...

javascript的constructor属性介绍

javascript的constructor属性介绍相关推荐

最新文章

热门文章