js中创建对象常用的6种方法

第一种 直接new 一个

	 var a = new Object()
	     a.name='张三'
	     a.age='2020'
	     console.log(a)

第二种 用{}

	var a = {name:'张三'}
	    console.log(a)

第三种 工厂模式

		function a(name,age){
	// 先 new 一个对象 
		var aa = new Object()
	//-----------------------
		    aa.name=name
		    aa.seg=age
		    aa.create=function(){
	    console.log('我的名字是:'+this.name +'\n'+'现在是:'+this.age+'年')
	}
	// 用return 返回出去
	     return aa
	}
	  var b = a('张三','2020')       
		   console.log(b)
		   // 调用方法
		   b.create()

第四种 构造函数

	function a(name, age) {
	      this.name = name
	      this.seg = age
	      this.create = function () {
	           console.log(this.name)
	           console.log(this.age)
	     }
	   }
		var aa = new a('2020','张三')
			  console.log(aa)
			  // 调用方法
			  aa.create()

第五种 原型

    function a(name, age) {
       a.prototype.fun = function () {
            console.log(this.name)
            console.log(this.age)
         }
            this.name = name;
            this.age = age;
      }
      var aa = new a('张三', 2020);
	      console.log(aa);
	      aa.fun()

混合模式(原型加构造)

        function a(name, age) {
            this.name = name;
            this.age = age;
        }
        a.prototype.run = function () {
            console.log(this.name + "说,今年是" + this.age+'年');
        }
        var aa = new a('张三','2020');
        // 调用方法
        aa.run()
     // ---------------------
		var a = {name:'张三'}
        a.__proto__.fun=function(){
            console.log('0000')
        }
		// 调用
        a.fun()
    // ------------------------
    // prototype:这个是构造函数里面原型添加的方法
    // proto:这个是对象里面原型添加的方法
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
JavaScript,有多方法可以创建对象。其包括使用Object构造函数、工厂模式和使用对象字面量。 第一方法是使用Object构造函数。通过将Object作为构造函数,可以先创建一个空的Object对象,然后动态地添加属性或方法。例如: ``` var p = new Object(); p.name = 'Tom'; p.age = 18; p.setName = function(name){ this.name = name; }; ``` 这方法可以根据需要动态地添加属性和方法,但当需要创建多个对象时,会产生大量重复代码。 为了解决这个问题,可以使用工厂模式创建对象。这方法创建对象的代码封装在一个函数,并返回一个新的对象。例如: ``` function createPerson(name, age, gender) { var person = new Object(); person.name = name; person.age = age; person.gender = gender; person.sayName = function() { console.log(this.name); } return person; } var person1 = createPerson("zhangsan", 18, 'male'); var person2 = createPerson("lisi", 20, 'female'); ``` 通过调用工厂函数createPerson,可以创建多个具有相同属性和方法的对象。 另一创建对象方法是使用对象字面量。对象字面量是使用{}来创建对象,并同时指定属性和方法。例如: ``` var p = { name: 'Tom', age: 18, setName: function(name) { this.name = name; } }; ``` 使用对象字面量可以直接指定对象的属性和方法,更加简洁和方便。 以上是JavaScript创建对象的几常用方法。根据具体的需求,可以选择合适的方法创建对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [js创建对象的5方法](https://blog.csdn.net/jiangjunyuan168/article/details/126911892)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [JavaScript创建对象的几方式](https://blog.csdn.net/qq_51781439/article/details/120147756)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值