Java Script 创建对象基本的三种方式

发布时间:2022-06-21 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Java Script 创建对象基本的三种方式脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一: 利用对象字面量创建

(注意事项:利用对象字面量创建对象时:

1.内部属性以键值对的方式书写。

2.属性与属性值之间为“:”,属性与属性之间逗号隔开

 <script>
       var obj={
           age:18,
           name:'李明'
           fn:function(){
               console.log('hello world')
           }
       }
    </script>

二: 利用new Object创建对象

(注意事项:利用new Object创建对象时应注意:

1.属性应为 “对象名.属性名=属性值”的形式书写,中间是等号。

2.属性与属性之间“;隔开”

 <script>
      var obj=new Object()
      obj.age=18;
      obj.name='小明';
      obj.fn=function()
      {
          console.log('hello world');
      }
    </script>

三: 利用构造函数创建对象

(注意事项:利用构造函数创建对象时:

1.构造函数名首字母要大写。

2.构造函数不需要return,即可返回结果。

3.调用构造函数要加new ,即''new+构造函数名''。

4.每new一次就创建了一次对象   var one=new 构造函数名()即创建了一个名为one的对象。

5.属性和方法前要加 this.)

 <script>
     function Obj(age,name,sex)//创建构造函数
     {
          this.age=age;
          this.name=name;
          this.sex=sex;
          this.fn=function(a)
          {
              console.log(a);
          }
     }

     var one=new Obj(18,'小明','男'); //创建对象
     var two=new Obj(17,'小徐','女');
    </script>

new关键字创建对象的执行过程:

第一步:new + 构造函数名即创建了一个空对象

第二步:构造函数中 this 指向该空对象

第三步:调用构造函数时的属性和方法传入空对象

第四步:返回新对象

使用对象时有两种书写方式

(此处以对象名为obj,属性为name举例)

第一种:

console.log(obj.name)

第二种:

console.log(obj['name'])

发现问题请及时纠正,感谢!

脚本宝典总结

以上是脚本宝典为你收集整理的Java Script 创建对象基本的三种方式全部内容,希望文章能够帮你解决Java Script 创建对象基本的三种方式所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: