一、 构造函数（constructor）模式的封装
为了解决从原型对象生成实例的问题，javascript提供了一个构造函数（constructor）模式。
所谓"构造函数"，其实就是一个普通函数，但是内部使用了this变量。对构造函数使用new运算符，就能生成实例，并且this变量会绑定在实例对象上。
举个例子，下面生成的是狗的原型对象：
我要评论
function dog(name,color,species){
this.name = name;
this.color = color;
this.species = species;
this.type = "犬科动物";
}
生成实例对象如下：
var dog1 = new dog("大黄","黄色","中华田园犬");
var dog2 = new dog("小黑","黑色","德国黑背");
alert(dog1.name); //大黄
alert(dog2.color); //黑色
这时dog1和dog2会自动含有一个constructor属性，指向它们的构造函数。
alert(dog1.constructor == dog); //true
alert(dog2.constructor == dog); //true
javascript还提供了一个instanceof运算符，验证原型对象与实例对象之间的关系。
alert(dog1 instanceof dog); //true
alert(dog2 instanceof dog); //true
但是，构造函数模式也存在浪费内存的问题。因为对于每一个实例对象，type属性都是一样的内容，每生成一个实例对象，都必须为重复的内容多分配一次内存，这样既不节省，也缺乏效率。因此，我们应该想出一种让type这样的属性在内存中只生成一次，并且所有实例都指向这个内存地址的方法。
二、 构造函数结合原型属性（prototype）模式的封装
针对构造函数方法会浪费内存的问题，有下面的解决方案，即将那些不变的属性和方法，直接定义在构造函数的prototype对象上。
function dog(name,color,species){
this.name = name;
this.color = color;
this.species = species;
}
dog.prototype.type = "犬科动物";
生成实例对象如下：
var dog1 = new dog("大黄","黄色","中华田园犬");
var dog2 = new dog("小黑","黑色","德国黑背");
alert(dog1.type); //犬科动物
这时所有实例的type属性，其实都是同一个内存地址，指向prototype对象，因此就提高了运行效率。
三、 prototype模式的验证方法
为了配合prototype属性，javascript定义了一些辅助方法，帮助我们使用它。
3.1 isprototypeof()
这个方法用来判断，某个proptotype对象和某个实例之间的关系。
alert(dog.prototype.isprototypeof(dog1)); //true
alert(dog.prototype.isprototypeof(dog2)); //true
3.2 hasownproperty()
每个实例对象都有一个hasownproperty()方法，用来判断某一个属性到底是本地属性，还是继承自prototype对象的属性。
alert(dog1.hasownproperty("name")); // true
alert(dog1.hasownproperty("type")); // false
3.3 in运算符
in运算符可以用来判断，某个实例是否含有某个属性，不管是不是本地属性。
alert("name" in dog1); // true
alert("type" in dog1); // true
in运算符还可以用来遍历某个对象的所有属性。
for(var prop in dog1) { alert("dog1["+prop+"]="+dog1[prop]); }
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对移动技术网的支持。如果你想了解更多相关内容请查看下面相关链接
如对本文有疑问， 点击进行留言回复！！
Android 入门第七讲01-数据存储（数据存储概述，文件存储（raw和asserts目录读写，data/data/包名目录读写，sdcard目录读写），SharedPreferences读写）
vue-axios系列:axios拦截器，配置请求头，配置请求参数
Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法
网友评论