今日焦点 焦点资讯 营销之道 企业报道 淘宝运营 网站建设 软件开发 400电话
  当前位置: 首页 » 资讯 » 软件开发 » 正文

对象字面量和构造函数创建对象详解

放大字体  缩小字体 发布日期:2018-02-10  来源:企业800网  作者:新格网  浏览次数:93  【去百度看看】
核心提示:对象字面量创建的是对象,而构造函数创建的是函数对象。为了帮助理解,希望本文能帮助到大家。
对象字面量创建的是对象,而构造函数创建的是函数对象。为了帮助理解,希望本文能帮助到大家。

1、向原型链上添加属性为什么用prototype,而一般不用__proto__

2、javascript为什么要设置一个函数对象,他的作用是什么

3、更深层次了解原型链

如下两段代码,分别是使用对象字面量和构造函数创建对象。

代码段1:

var a={"name":"nihao"};
console.log(a);

代码段2:

var a=function(name){
    this.name=name;
};
var b= new a("nihao");
console.log(b);

首先,我们需要知道:

1、函数对象的原型是对象(原型链为:实例,通过new构造函数-->函数对象-->对象-->null)

2、函数有prototype属性,而对象没有

然后,在某些场景下,我们有一个公共的属性,需要多个新建的对象去继承,这个时候就能体现出函数对象的特点了,我们看下代码:

1、使用构造器

var a=function(name){
    this.name=name;
};
a.prototype.sex="nan";
var b= new a("nihao");
console.log(b);
console.log(b.name);
console.log(b.sex);

var c=new a("test");
console.log(c);
console.log(c.name);
console.log(c.sex);

如上,可以很容易的实现属性或方法的继承,在控制台打印上述代码,可以很容易看到原型链是这样的(以对象b为例):对象b-->函数对象-->对象-->null

2、使用对象字面量

使用对象字面量创建的是对象,他没有prototype属性,所以我们只能通过__proto__,但是在对象上使用__proto__可能会导致一些问题的出现。代码如下:

var a={"name":"nihao"};
a.__proto__.sex="nan";
console.log(a);
console.log(a.name);
console.log(a.sex);
var b={};
console.log(b);
console.log(b.name);
console.log(b.sex);

如上,运行上面代码,可以很容易得到运行结果:

{name: "nihao"} nihao nan {} undefined nan

哎,这个就很奇怪了,b对象明明设置的为空啊?这是因为在执行a.__proto__.sex="nan";时候,程序向对象的原型上添加了一个属性sex,而b是对象也是继承的对象的原型,多以导致了这个问题的出现。

最后,总结下来就是:

函数对象是继承自对象的原型,有了函数对象,我们可以给函数的原型添加属性,这些属性保存在函数对象中,但是又不会影响其他对象。

相关推荐:

浅谈js之字面量、对象字面量的访问、关键字in的用法

Javascript中对这两种对象字面量(json)的操作方式有何不同?

Javascript 中 class、构造函数、工厂函数详解

以上就是对象字面量和构造函数创建对象详解的详细内容,更多请关注php中文网其它相关文章!

 
关键词: 创建,函数,构造
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 皖ICP备2021004516号-14
企业800网 · 提供技术支持