本篇文章给大家带来的内容是关于JavaScript中Object.create()的用法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
Object.create(null) 创建的对象是一个空对象,在该对象上没有继承 Object.prototype 原型链上的属性或者方法
例如:toString(), hasOwnProperty()等方法
| 参数 | 说明 |
|---|---|
| obj | 创建对象的原型,表示要继承的对象 |
| propertiesObject(可选 ) | 也是一个对象,用于对新创建的对象进行初始化 |
我们来看看底层实现
立即学习“Java免费学习笔记(深入)”;
睿拓智能网站系统-网上商城1.0免费版软件大小:5M运行环境:asp+access本版本是永州睿拓信息专为电子商务入门级用户开发的网上电子商城系统,拥有产品发布,新闻发布,在线下单等全部功能,并且正式商用用户可在线提供多个模板更换,可实现一般网店交易所有功能,是中小企业和个人开展个人独立电子商务商城最佳的选择,以下为详细功能介绍:1.最新产品-提供最新产品发布管理修改,和最新产品订单查看2.推荐产
Object.create = function (o) {
var F = function () {};
F.prototype = o;
return new F();
};下面我们来看具体应用:
//创建一个Obj对象
var Obj ={
name:'mini',
age:3,
show:function () {
console.log(this.name +" is " +this.age);
}
}
//MyObj 继承obj, prototype指向Obj
var MyObj = Object.create(Obj,{
like:{
value:"fish", // 初始化赋值
writable:true, // 是否是可改写的
configurable:true, // 是否能够删除,是否能够被修改
enumerable:true //是否可以用for in 进行枚举
},
hate:{
configurable:true,
get:function () { console.log(111); return "mouse" }, // get对象hate属性时触发的方法
set:function (value) { // set对象hate属性时触发的方法
console.log(value,2222);
return value;
}
}
});划重点:这里get和set 方法似乎还蕴含更大的潜力 。我们可以利用它们去实现数据的过滤和数据的绑定 。实现一些简单的mvvm的效果Object.create继承的应用:
var A = function () { };
A.prototype.sayName=function () {
console.log('a');
}
// B的实例继承了A的属性
var B = function () { };
B.prototype = Object.create(A.prototype);
var b = new B();
b.sayName(); // a划重点:相对于构造函数的继承Object.create继承实现了将A,B的原型完美分隔 。双方不会互相影响。这是Object.create亮点所在










