JavaScript初学入门之对象

2021/8/25 17:06:16

本文主要是介绍JavaScript初学入门之对象,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

文章目录

  • 对象
    • 利用对象字面量创建对象
      • 使用对象
        • 方法一
        • 方法二
      • 调用对象方法
    • 变量属性函数方法的区别
    • 利用new object创建对象

对象

对象是一个具体的事物
在这里插入图片描述
在这里插入图片描述

利用对象字面量创建对象

在这里插入图片描述

    <script>
        var obj = {
            uname: 'kongla',
            age: 20,
            sex: 'man',
            sayHi: function() {
                console.log('hi~');
            }
        };
    </script>

在这里插入图片描述

使用对象

调用对象属性

方法一

对象名.属性名

console.log(obj.uname);

方法二

对象名[‘属性名’]

console.log(obj['uname']);

调用对象方法

obj.sayHi();

变量属性函数方法的区别

在这里插入图片描述

    <script>
        var num = 10;
        var obj = {
            age: 20,
            fn: function(){

            }
        }
        function fn() {
            
        }
    </script>

在这里插入图片描述
在这里插入图片描述

利用new object创建对象

跟之前创建数组new Array一致

    <script>
        var obj = new Object();
        obj.uname = 'kongla';
        obj.age = 20;
        obj.sex = 'man';
        obj.sayHi = function(){
            console.log('hi~');
        }

        console.log(obj.uname);
        console.log(obj['age']);
        obj.sayHi();
    </script>

在这里插入图片描述



这篇关于JavaScript初学入门之对象的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程