JavaScript的对象

Posted 2020-08-31 随风而至

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript的对象相关的知识，希望对你有一定的参考价值。

4-4自定义JavaScript的对象

4-4-1使用object对象创建自定义对象

<script type="text/javascript">
        var obj=new Object();
        obj.name = "cy";
        obj.age = "22";
        document.write("姓名" + obj.name + "<br/>");
        document.write("年龄" +obj.age+ "<br/>");
        document.write("年龄" +obj.age+ "<br/>");
</script>

使用new运算符创建对象，新建对象的属性和值

JavaScript对象可以视为数组来处理，对象的属性就是数组的元素，所以可以使用数组下标来访问对象属性，将属性名称视为数组下标；

4-4-2with程序块

with程序块能够针对对象创建程序块，在程序块中的程序代码不需要指明对象名称，即可新建属性和显示属性的内容。

with 语句为一个或一组语句指定默认对象。

用法：with (<对象>) <语句>;

with对象能够使我们很方便的使用某个对象的一些属性，而不用每次都去写对象名.属性的形式，直接使用对象名。直接使用属性。

for/in循环可以遍历和显示对象的所有属性

for (变量 in 对象)
{
    在此执行代码
}

for...in 语句用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。

4-4-3使用构造函数来创建函数

JavaScript的内部对象就是一些默认的构造函数

步骤一：使用构造函数来声明对象

this关键字在构造函数中可以用于引用对象本身，也就是构造函数准备创建的自定义对象，因为函数参数和属性同名，所以使用this关键字表示对象的属性值，而不是函数的参数。

步骤二：使用new运算符创建对象

声明对象的构造函数后，就可以使用new来创建对象。可以在创建对象的时候指定属性值，也可以创建后指定对象的属性值。

function hanshu(name,age)
        {
            this.name = name;
            this.age = age;
        }
        var objhanshu = new hanshu("cy", "22");
        var objmyhanshu = new hanshu();
        objmyhanshu.name = "hy";
        objmyhanshu.age = "20";
        document.write("姓名" + objhanshu.name + "&nbsp" + "年龄" + objhanshu.age);
        document.write("<br/>");
        document.write("姓名" + objmyhanshu.name + "&nbsp" + "年龄" + objmyhanshu.age);

4-4-4对象的层级结构

JavaScript对象可以建立“对象层级结构”，因为对象属性可以是另一个对象的子对象，可以让我们建立层级对象结构。

 <script  type ="text/javascript">
        function hanshu(name, age,sex) {
            this.name = name;
            this.age = age;
            this.sex = new xinbie(sex, "female1234");
        }
        function xinbie(male, female)
        {
            this.male = male;
            this.female = female;
        }

        var objhanshu = new hanshu("cy", "22");
            var objmyhanshu = new hanshu();
            objmyhanshu.name = "hy";
            objmyhanshu.age = "20";
            objmyhanshu.sex = "male";
            document.write("姓名" + objhanshu.name + "&nbsp" + "年龄" + objhanshu.age+"性别"+objhanshu.sex.female);
            document.write("<br/>");
            document.write("姓名" + objmyhanshu.name + "&nbsp" + "年龄" + objmyhanshu.age + "性别" + objmyhanshu.sex);
    </script>