javaScript创建对象

最新推荐文章于 2023-06-06 09:37:22 发布
最新推荐文章于 2023-06-06 09:37:22 发布
阅读量249 收藏
点赞数
分类专栏： # javaScript 文章标签： javaScript创建对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dalei9243/article/details/86755735
版权 
<script src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
    <p><button onclick="see();">按钮</button></p>
</body>
<script type="text/javascript">
    /* 下段代码展示了如何在javaScript中定义一个类来表示2D平面几何中的点. 
     * 这个类实例化的对象拥有一个名为r()的方法,用来计算该点到原点的距离. 
     * prototye属性: 向对象添加属性和方法。
     */ 
    // 定义一个构造函数以初始化一个新的Point对象
    function Point(x,y){ // 按照惯例,构造函数均以大写字母开始 
        this.x = x ; // 关键字this指代初始化的实例 
        this.y = y ; // 将函数参数存储为对象的属性 
    } // 不需要return 
    
    // 通过prototye属性来给Point对象注入成员；此处出入了一个名为r的接口；
    Point.prototype.r = function(){
        return Math.sqrt(
            this.x * this.x + // this指代当前调用这个方法的对象；
            this.y * this.y // 返回x² + y² 的平方根 
        ); 
    }; 
    
    /**
     * 使用new关键字和构造函数来创建一个实例 
     * 说明：在new关键字创建Point对象时会先去出掉用Point对象的构造函数来对其进行初始化；
     * @type {Point}
     */
    var p = new Point(1,1); // 平面几何中的点(1,1) 
    
    // Point类的实例对象p(以及所有的Point实例对象)继承了方法r() 
    p.r(); // 1.414
    
    // 调用实现 
    function see(){
        alert(p.r()); 
    }
</script>
以下是JavaScript创建对象的一些基础形式；列出一些小Demo供大家参考：

1. 可以使用Object类来实例化一个对象；
	其中：Object是javascript内置对象；可以通过Object类来派生所有其他的对象、属性以及方法；
	以下是对应的语法Demo：

	// 通过Object类实例化一个person对象；
	var person = new Object();

	// 为person对象创建一个name属性；并为其赋值；
	person.name = "Mr's Wang";

	// 为person对象创建一个age属性；并为其赋值；
	person.age = 60;

	// 为person对象创建一个playBasketball()方法；
	person.playBasketball = function(){
		
		// Codding......
		
		// 在对象的引用中可以使用this关键字；但是在引用之外使用this关键字将无法指向对应的成员属性；
		console.log(this.name);

	}

2. 可以通过预定义的方式创建对象；
	
	// 花括号标示创建了一个对象；
	var obj = {};
	
	// 直接通过对象.属性可以为对象创建属性；恒等=为为对象赋值；
	obj.name = "Mr's Wang";
	obj.age = 60;
	
	/**
	* 这种方式简单粗暴，可以直接为对象赋值属性及方法；以下便是对应的赋值语法；
	* 其中需要注意的是该对象是在引用之后使用的this；在没有具体引用的情况下this是没有具体指向的；
	*/ 
	obj.playBasketball = function(){
		console.log(this.name);
		console.log(this.age);
	}
	
	// 直接调用obj对象的方法；
	obj.playBasketball();
	
	
	/**
	* 当然，上面的方式是拆分式写法；可以将所有的对象属性当做一个类结构进行编写；
	* 具体格式如下：
	*/
	
	var objs = {
		name : "Mr's XiaoWang",
		age : 35,
		playBasketball:function(){
			
			// Codding ...
			
			console.log(this.name);
			console.log(this.age);
		}
	};
	
	objs.playBasketball();

3. 第三种方式可以直接用构造函数的方式预设参数；然后初始化的同时创建对象；
	
	// 需要注意一点：按照惯例构造方法以首字母大写打头；
	function Obj(name,age){
	
		// 关键字this指代所初始化的实例；
		this.name = name;
		this.age = age;
		this.playBasketball = function(){
			
			// Codding ...
			console.log(name);
			console.log(age);
			
		}
	}
	
	// 实例化对象；利用构造器初始化对象；
	var obj = new Obj("Mr's Wang",80);
	
	// 调用Obj对象的playBasketball();
	obj.playBasketball();

4. 其实这种方式属于对象的封装性处理；对于对象的调用提供了更多的方便；


	// 将对象封装到person接口中；通过调用接口来实例化并返回一个既定结构的对象；
	function person(name,age){
	
		// 通过Object类实例化一个person对象；
		var person = new Object();
		
		// 为person对象创建属性；并为其赋值；
		person.name = name;
		person.age = age;
		
		// 为person对象创建一个playBasketball()接口；
		person.playBasketball = function(){
			
			// 实现接口；
			// Codding ...
			
			console.log(person.name);
			console.log(person.age);
			
		}
		// 最终返回person对象；
		return person;
	}
	
	/**
	* 调用person实例化接口；得到一个person对象；
	* 这个对象名可以是任意的名字；
	*/ 
	var person = person("Mr's Liu",76);
	
	// 通过得到的person对象调用接口中所实例对象的成员；此处调用的实例化接口中对象的playBasketball();
	person.playBasketball();

 

大雷！
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript-对象基本用法与创建方法，新手学web前端开发
2301_76223624的博客
04-01 425
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。
JavaScript 创建对象
10-29
以下将详细介绍几种常见的JavaScript创建对象的方法。 1. JSON方式/对象直接量 这是最直观且最常用的方法，通过大括号{}直接创建对象。例如： ```javascript var person = { name: "张三", age: 30, sayHello: ...
JavaScript——创建对象的三种方法
Bonsoir777的博客
08-16 609
对象（object）属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性，避免重复存储，解决数据难以维护的问题。
javascript 创建对象的6种方法
weixin_46364251的博客
07-30 137
1、工厂模式 缺点：无法判断对象的类型 function creatFunction(name, age, value) { var obj = new Object(); obj.name = name; obj.age = age; obj.value = value; obj.sayName = function () { console.log(this.name); } return obj; } v
JavaScript创建对象的三种方式
2202_75802608的博客
06-06 453
对于新手小白创建对象的三种方式；以及这三种方式的特点
JavaScript 学习-5.对象（object）的创建
qq_27371025的博客
05-15 958
前言 对象（object）是 JavaScript 最重要的数据类型，也是JavaScript的核心内容。JavaScript 中一切皆对象，比如String、 Array、Date等对象。 在 JavaScript 中，对象是非常重要的，当你理解了对象，就可以了解 JavaScript 。 对象的概念 对象是无序的数据集合，由键值对组成，对象键值对的写法类似于： Python 中的字典 PHP 中的关联数组 C 语言中的哈希表 Java 中的哈希映射 Ruby 和 Perl 中的哈希表 真实生活中，一
JavaScript创建对象的几种方式
m0_60935443的博客
07-11 539
ecma-262把对象定义为：“ 无序属性的集合，其属性可以包含基本值、对象、或者函数。”解释：对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。可以把对象想象成散列表，无非就是一组名值对，其中值可以是数据或函数。创建一个对象可以有如下方法： 根据引用类型——Object 创建一个对象，代码如下 早期的JavaScript开发人员经常使用跟这个模式创建新对象。后来对象字面量以其简洁直观的优势成为创建这种对象的首选模式。使用对象字面量创建对象，代码如下 虽然以上
JavaScript创建对象的写法
10-26
构造函数是JavaScript中创建对象的另一种常见方式，它允许我们创建具有相同结构但不同值的对象。构造函数通过`new`关键字调用，并且可以返回一个新对象。每个由构造函数创建的对象都有一个`constructor`属性，用于...
JavaScript创建对象方法实例小结
10-18
主要介绍了JavaScript创建对象方法,结合实例形式总结了javascript创建对象的基本原理及使用工厂模式、构造函数模式与原型模式创建对象的相关实现技巧,需要的朋友可以参考下
JavaScript创建对象的常用方式总结
10-18
主要介绍了JavaScript创建对象的常用方式,结合实例形式总结分析了javascript面向对象程序设计中对象创建的常见方式、相关操作技巧与注意事项,需要的朋友可以参考下
整理JavaScript创建对象的八种方法
10-23
JavaScript创建对象的方法有很多种，本文给大家介绍javascript创建对象的八种方法，对javascript创建对象感兴趣的朋友可以参考下本
一、JavaScript 创建对象
05-25
NULL 博文链接：https://kejiangwei.iteye.com/blog/429632
JavaScript中的对象，如何创建对象，创建对象的7种模式
热门推荐
SweetoDream
08-14 1万+
ECMA-262把对象定义为：”无需属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说明对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。正因为这样，我们可以把ECMAScript的对象想象成散列表：无非就是一组名对值，其中值可以是数据或函数。        创建自定义对象最简单的方式就是创建一个Object的实例，然后再为他添加属性和方
javascript面向对象——创建对象的几种方式
zhuxufeifei的博客
09-12 833
1.字面值 var person = { name:'jack', age:20 }; 1.通过new关键词 var persons = new Object(); persons.firstname = 'john'; persons.lastname = 'Doe'; persons.age = 50 ; 3.create来创建，通常该方法用来创建继承对...
怎么在javascript中创建对象
neverland-7
03-11 785
前几天，有总结过javascript中对象的一些知识——【理解javascript中的对象属性】和【javascript原型对象、构造函数和实例对象】，今天在这个基础上，学习了javascript中，创建对象的几种方法。 其实，在【javascript引用类型之object类型】中有提到过两种。用字面量跟构造函数。今天所说的方法，有封装的概念，将属性和方法封装成一个对象，再由此创建实例。 工厂
JavaScript对象创建模式
JackZhang的专栏
03-24 1212
任何程序中都不可避免地要创建对象，JavaScript也不例外。但JavaScript并没有类似其他OO语言的类，通过类来创建实例对象。 JavaScript中所谓的类，其实是一种设计模式：一个构造函数（consturctor）和一个用于在该类实例间共享方法的原型对象（Objcet.prototype）的结合。 为了达到属性继承，代码复用等目的，通过函数来模拟类来创建对象。
js对象定义的3种方法
xiaoweids的博客
06-10 1万+
转自：微点阅读 https://www.weidianyuedu.com方法一：通过var object={} 对象字面量(1)，可以叫对象直接量来自定义一个对象。对象自面量是一个表达式，这个表达式的每次运算都创建并初始化一个新对象。var user = { x:1,y:2,z:3,pp:function(){ alert("22222222") }}//用字面量定义一个对象，是以名值对的方式来保存的alert(user.y) //调用属性user.pp() //调用方法(2) var s
Javascript创建Object的几种方式
Cedar's Columnists
01-22 880
在javascript中创建一个对象有以下几种方式，如下：var bj = new Object();  obj.id=1;  obj.name="test";  obj.callFunc=function(){      alert("callFunc");  } var bj = {};  obj.id=1;  obj.name="test";  o
javascript创建对象的两种方式
hc731800837的博客
05-29 635
function createObject(){    var obj = new Object();    obj.name = "fangfang";    obj.age = 20;    obj.func = function(){}    return obj;}function createObject(){    this.name = "fang fang";    this.ag...
javascript创建对象的集中方法 代码
最新发布
09-03
JavaScript创建对象的方法有多种，下面是几种常用的方法： 1. 使用对象字面量： ```javascript var person = { name: '张三', age: 20, sayHello: function() { console.log('你好！'); } }; ``` 2. 使用构造...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值