js创建对象的几种方式和函数说明

最新推荐文章于 2022-04-09 13:35:35 发布
最新推荐文章于 2022-04-09 13:35:35 发布
阅读量3.5k 收藏 1
点赞数 2
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youyajie/article/details/8010218
版权

         js是面向对象编程的，对象的创建方式不止一种，下面我们来看一下，它的对象的几种创建方式。

        一种是通过object直接创建对象，然后可以给对象增加属性和函数。因为object类是所有javascript类的基类，提供了一种创建自定义对象的简单方式，不需要再定义构造函数。主要属性：
constuctor-对象的构造函数
prototype-获得类的prototype对象.static性质

这是一个使用object创建对象的方式。

<html>
<head>
  <script language="javascript">
    var person = new Object();//通过object直接创建对象
	person.name = "haha";
  </script>
</head>
<body>
</body>
</html>
下面是一个使用prototype为原型对象增加属性和函数的方式，代码为： 

<html>
<head>
 <script language="javascript">
   var p1 = new Object();
   p1.name = "haha";
   var p2 = new Object();
   p2.name = "lala";
   Object.prototype.age = 10;
   Object.prototype.test = function(){window.alert("test");}
   window.alert(p1.name);
   window.alert("p1:" + p1.age);
   p1.test();
   window.alert(p2.name);
   window.alert("p2:" + p2.age);
   p2.test();
 </script>
 </head>
 <body>
 </body>
</html>

同样也可以自己创建原型对象。代码为： 

<html>
<head>
 <script language="javascript">
   function Person() {};
   var p1 = new Person();
   p1.name = "拉拉";
   window.alert(p1.name);
   var al = "na" + "me";
   window.alert(p1[al]);
 </script>
</head>
<body>
</body>
</html>

可以在创建对象时候就为对象设定属性和方法，代码如下：

<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <script type="text/javascript" language="javascript">
	
	function jiSuan(num1, num2, oper) {
	   if(oper == "+") {
	      return num1 + num2;
	   }
	   else if(oper == "-") {
	      return num1 - num2;
	   }
	   else if(oper == "*") {
	      return num1 * num2;
	   }
	   else if(oper == "/") {
	      return num1 / num2;
	   }
	}

	function Person(name, age, fun) {
	   this.name = name;
	   this.age = age;
	   this.myfun = fun;
	}

	var p1 = new Person("aa", 9, jiSuan);
	window.alert(p1.name);
	window.alert(p1.myfun(3, 5, "+"));
  </script>
</head>
<body>
</body>
</html>


还有一点说明，先看代码：

<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <script type="text/javascript" language="javascript">
	
	var dog = {name: dog};
	function test() {
	   window.alert(this.name);
	}
	test();
	window.test();
	test.call(dog);//等价于dog.test();

	
  </script>
</head>
<body>
</body>
</html>

在这段代码中，标明this代表传入的对象，这样我们把dog传入,this就代表dog。

js中的函数：

js中不支持函数的重载。
结论：js在调用一个函数的时候，是根据函数名来调用，如果有多个函数名相同，则调用最后那个函数。


youyajie
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript创建对象的几种方式
qq_51781439的博客
09-07 1165
一、Object()创建对象、用字面量的方式创建对象 1.Object()创建对象 new Object()就是利用JavaScript提供的构造函数实例化了一个对象 var person = new Object(); //为这个实例化的对象添加属性 person.name = "zhangsan"; person.age =21; person.gender = 'male'; person.sayName = function(){ console.log(this.name) }
JavaScript中创建对象的几种方式
老曹的博客
09-11 775
字面量 / Object构造函数 这种方式相信大家都会，其实它们原理都是一样的，都是JS内置的对象Object，但是它们都是暴露在外面，代码冗余度高，也不清晰，而且无法复用，所以就有了之后的工厂模式。 工厂模式 工厂模式其实是设计模式中的一种，可以“批量生产”对象，我们先看看是怎么创建对象的： function createObject(name, age) { const obj = new ...
JavaScript对象的创建方式有几种？怎么用？
技术专家
04-08 717
JavaScript对象的创建方式有几种？怎么用？对象是JavaScript的基本数据类型，对象不仅是字符串到值的映射还保持自有属性，JavaScript对象可以从一个称为原型的对象继承属性，对象的方法通常是继承的属性。 学习目标：能够知道JavaScript对象有两种创建方式 1. JavaScript对象是什么？ JavaScript中的所有事物都是对象：字符串、数值、数组、函数等都可以认为是对象，此外JavaScript 允许自定义对象对象可以拥有属性和方法。 2. JavaScript创建对
Javascript创建对象的四种方式
m0_67387108的博客
04-09 1172
1、直接创建 创建一个学生对象：名称，年龄 方法：吃饭 var student={ name:'王一', age:21, eat:function(){ console.log(this.name+"正在吃") } } 优点：方法简单 缺点：无法量产，如果量产则需要大量代码，降低编辑效率 2、工厂模式创建 通过函数来创建对象，可以把创建对象的过程封装在...
js的实例对象和函数对象分别
weixin_43760969的博客
09-09 1174
实例对象简称对象，函数对象不能简称为对象 可以认为()左边的函数，.左边的是对象 所以既可以在()前面又可以.前面的就是函数对象 说的可能有点乱，看以下代码 function Fn() { // 仅仅在这一步，此时不能说Fn是一个构造函数，只有new之后才能说为构造函数 } const fn = new Fn() // 此时的Fn是构造函数，fn是实例对象(简称对象) console.log(Fn.prototype) // Fn为函数对象 Fn.call({}) // Fn为函数对象 $('#id').
js创建对象几种方式的优缺点对比
10-21
本文将详细对比JavaScript创建对象的五种常见方式：工厂模式、构造函数、原型方法、构造函数与原型方法的组合以及动态原型方法，分析它们的优缺点。 1. 工厂模式： 工厂模式是一种创建对象的方式，通过函数来创建...
详细分析Javascript中创建对象的四种方式
10-21
详细介绍了Javascript中创建对象的几种方式与每种方式的优缺点，其中包括工厂模式、构造函数模式、原型模式和组合使用构造函数模式和原型模式，有需要的小伙伴们一起来学习学习吧。
JS对象创建的几种方式整理
12-08
最近一直在看JS高级程序设计这本书，有空来梳理一下几种创建对象的方式。话不多说，直接步入正题。 第一种：Object构造函数创建 var Person = new Object(); Person.name = 'Nike'; Person.age = 29; 这行代码创建...
js中创建对象的几种方式
12-11
本文主要探讨了几种常见的创建对象的方法，包括工厂模式、构造函数模式和原型模式，同时也涉及了原型链和对象标识的问题。 首先，对象字面量是最简单的创建对象的方式，适用于创建少量独立对象。例如： ```...
JS常用的对象函数总结归纳
qq_31971935的博客
08-18 950
在学习JS的过程中，JS自带很多使用的函数，我们没必要把所有的JS函数都记住。因为这样的话学习难度很大，而且花很多精力并不会有太好的效果。下面PHP程序员雷雪松总结下JS常用的函数，主要包括字符串、数组、时间、数学、JS全局函数和属性。1、字符串对象函数和属性 函数：charAt()：返回在指定位置的字符。 charCodeAt()：返回在指定的位置的字符的 Unicode 编码。 concat(
js创建对象的几种方式
qq_41648408的博客
02-25 5994
js常用的几种创建对象的方式有： {} new Ｏbject() 使用字面量 工厂模式 构造函数模式（constructor） 原型模式（prototype） 构造函数+原型模式 还有一些不常用的方式，如动态原型，寄生构造函数，稳妥构造函数。 一、通过{}创建对象 demo1： 01.newObj-1.html <script> 'use strict'; //使用strict模式 /** 使用{}创建对象，等同于 new Object();
Javascript创建对象的三种方式
qq_45566079的博客
05-19 375
内容补充： 1、变量和属性、函数和方法小结 1）变量和属性（都是用来存储数据） 2）函数和方法（都是实现某种功能，做某件事） 变量:单独声明并赋值,使用时直接写变量名,单独存在 属性:对象里面的变量称为属性，无需声明，用来描述该对象特征, 使用须是：对象.属性 函数:单独存在,调用时"函数名()" 方法:在对象里面,调用时 “对象.方法()” 案例： var num=10;//num是一个变量 var obj={ age:'18'//age是一个属性 //这是一个方法 fun:functi
JavaScript中的函数是对象？
weixin_38207472的博客
05-28 6327
函数是第一类对象（first-class object），被称为一等公民。函数与对象共存，我们也可以认为函数就是其他任意类的对象。 那么今天，就让我们一起简单聊一聊JavaScript的函数吧！ 目录 函数——JavaScript最关键的概念 函数是第一类对象 函数的功能 函数——JavaScript最关键的概念 函数是第一类对象（first-class object），被称为一...
【转载】开启阅读模式 JavaScript创建对象4种方法详解
weixin_30950237的博客
03-02 818
写的比我好，总结的全面 1、工厂模式 弊端：没有解决对象的识别问题，即怎么知道一个对象的类型 2、构造函数模式 与工厂模式相比： 1、没有显式的创建对象2、直接将属性和方法赋给了this对象3、没有return语句 要创建person的实例，必须使用new操作符，以这种方式调用构造函数实际上会经历4个步骤： 1、创建一个新对象2、将构造函数的作用域赋给新对象3、执行构造函数中...
JavaScript创建对象的三种方式
weixin_43664588的博客
03-04 8151
在Javascript中，我们目前可以采用三种方式创建对象（object）： 利用字面量创建对象 利用new Object创建对象 利用构造函数创建对象
javascript面向对象——创建对象的几种方式
zhuxufeifei的博客
09-12 837
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创建对象的4种方法
热门推荐
dearzhuoer的博客
11-28 1万+
JavaScript 创建对象的4种方法 所谓对象就是用来帮助你完成一些事情是，对象是有特征和行为的，是具体特指的某一个事物。使用对象可以使程序更加整洁 通过Object()方法来创建 Object()是JavaScript内部的对象，使用Object创建对象的语法： 我们通过Object创建的一个Dog对象，这个对象有name,color,eat属性；并且给这个对象定义了两个方法，因此我们...
javascript创建对象的几种方式
最新发布
06-28
### 回答1： JavaScript创建对象的几种方式包括： 1. 对象字面量：使用花括号{}创建一个对象，可以在其中定义属性和方法。 2. 构造函数：使用关键字new和一个函数来创建一个对象，可以在函数中定义属性和方法。 3. Object.create()方法：使用一个现有的对象作为原型来创建一个新的对象，可以在新对象中添加或修改属性和方法。 4. 工厂函数：使用一个函数来创建对象，该函数返回一个新的对象，可以在函数中定义属性和方法。 5. ES6中的类：使用class关键字来定义一个类，可以在类中定义属性和方法，使用new关键字来创建一个对象。 ### 回答2： JavaScript是一门面向对象的脚本语言，因此创建对象在其中是非常重要和基础的一环。 JavaScript创建对象的方式可以分为以下几种： 1. Object构造函数 Object是JavaScript中的内建构造函数，它可以创建一个空对象或者通过传递参数创建具有属性的对象。 例子： ``` var obj = new Object(); //创建一个空对象 var car = new Object(); //创建有属性的对象 car.brand = "BMW"; car.color = "blue"; ``` 2. 对象字面量 对象字面量是一种简便的创建对象的方式，它可以直接将属性与属性值的对应关系写在一起，通过花括号{}进行标识。 例子： ``` var obj = {}; //创建一个空对象 var car = { //创建有属性的对象 brand: "BMW", color: "blue" }; ``` 3. 构造函数 可以使用函数作为模板来创建对象，这样的函数就被称为构造函数。通过使用new关键字去实例化这个函数创建一个对象。 例子： ``` function Car(brand, color) { //定义构造函数 this.brand = brand; this.color = color; } var myCar = new Car("BMW", "blue"); //实例化构造函数，创建对象 ``` 4. 原型 JavaScript的原型实现了面向对象的继承机制，对象继承其原型的属性和方法。因此可以通过原型来创建对象。 例子： ``` function Car() { //定义构造函数 } Car.prototype.brand = "BMW"; //在原型上定义属性 var myCar = new Car(); //实例化构造函数，创建对象 console.log(myCar.brand); //输出"BMW" ``` 以上是JavaScript中创建对象的几种方式，它们各自具有优点和适用范围。我们可以根据自己的实际需要，选择最适合的方式来创建对象。 ### 回答3： JavaScript创建对象的方式有多种，常用的有： 1.字面量方式：使用对象字面量创建对象 var person = { name: "John", age: 20, gender: "male", sayHello: function() { console.log("Hello, my name is " + this.name); } }; 2.构造函数方式：使用构造函数创建对象 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; this.sayHello = function() { console.log("Hello, my name is " + this.name); } } var person = new Person("John", 20, "male"); 3.原型方式：使用原型创建对象 function Person() {} Person.prototype.name = "John"; Person.prototype.age = 20; Person.prototype.gender = "male"; Person.prototype.sayHello = function() { console.log("Hello, my name is " + this.name); } var person = new Person(); 4.简单工厂方式：通过一个工厂函数创建对象 function createPerson(name, age, gender) { var person = {}; person.name = name; person.age = age; person.gender = gender; person.sayHello = function() { console.log("Hello, my name is " + this.name); } return person; } var person = createPerson("John", 20, "male"); 5.构造函数和原型组合方式：使用构造函数和原型结合创建对象 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } Person.prototype = { constructor: Person, sayHello: function() { console.log("Hello, my name is " + this.name); } }; var person = new Person("John", 20, "male"); 以上是JavaScript创建对象的常见方式，不同的方式都有各自的优缺点，选择合适的方式可以提高执行效率和开发体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值