分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

JS创建对象的几种方式整理

发布时间:2023-09-06 02:12责任编辑:郭大石关键词:暂无标签

javascript是一种“基于prototype的面向对象语言“,与java有非常大的区别,无法通过类来创建对象。那么,既然是面象对象的,如何来创建对象呢?

一:通过“字面量”方式创建对象

方法:将成员信息写到{}中,并赋值给一个变量,此时这个变量就是一个对象

列如:

var person={"name":"abc","age":22,work:function(){console.loh(1)}}

如果{ }中为空,则将创建一个空对象:

var person={}

演示代码:

<script> ?var person={ ????name:"wqc", ????age:22, ???intro:function(){console.log(1)}}; person.intro();</script>
 我们还可以给对象丰富成员信息。  对象.成员名称 = 值;  对象[成员名称] = 值;也可以获取对象的成员信息。  对象.成员名称;  对象[成员名称];丰富成员信息:
<script>var person={ ????name:"wqc", ????age:22, ????intro:function(){ ????????console.log(1); ???} ????}person.class=22;//丰富成员变量</script>

二、通过“构造函数”方式创建

方法:

var person=new 函数名();

比如:var person=new object();

<script> ???function person(){ ???????this.name="xiaoming"; ???????this.age=22; ???????this.intro=function(){ ???????????console.log(2) ???????} ???} ???var per=new person(); ???per.intro();</script>

三、通过object方式创建。

var obj=new Object()

方法:先通过object构造器new一个对象,再往里丰富成员信息。\

 <script type="text/javascript">2 var person = new Object();3 person.name = "dongjc";4 person.age = 32;5 person.Introduce = function () {6 ????????alert("My name is " + this.name + ".I‘m " + this.age);7 ????};8 person.Introduce();9 </script>

 第五种:原型创建对象模式 

function Person(){}Person.prototype.name = ‘Nike‘;Person.prototype.age = 20;Person.prototype.jbo = ‘teacher‘;Person.prototype.sayName = function(){ alert(this.name);};var person1 = new Person();person1.sayName();

使用原型创建对象的方式,可以让所有对象实例共享它所包含的属性和方法。

第六种:使用工厂模式创建对象

function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ ?alert(this.name); ?}; return o; }var person1 = createPerson(‘Nike‘,29,‘teacher‘);var person2 = createPerson(‘Arvin‘,20,‘student‘);

在使用工厂模式创建对象的时候,我们都可以注意到,在createPerson函数中,返回的是一个对象。那么我们就无法判断返回的对象究竟是一个什么样的类型。于是就出现了第二种创建对象的模式。

第七种:组合使用构造函数模式和原型模式

function Person(name,age,job){ this.name =name; this.age = age; this.job = job;}Person.prototype = { constructor:Person, sayName: function(){ alert(this.name); };}var person1 = new Person(‘Nike‘,20,‘teacher‘);

JS创建对象的几种方式整理

原文地址:https://www.cnblogs.com/wanqingcui/p/9557715.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved