JavaScript 对象

2021-05-06 11:16:27 更新

B站关联视频教程:https://www.bilibili.com/video/BV1RA41137yd?p=12

目录:

1、JavaScript 对象是什么?

2、访问对象的属性

3、访问对象的方法

4、创建 JavaScript 对象


内容:

JavaScript 是面向对象的语言,但 JavaScript 不使用类。Javascript语言不支持"类",但是可以用一些变通的方法,模拟出"类"。

1、JavaScript 对象是什么?

对象只是一种特殊的数据。对象拥有属性和方法。 

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 

此外,JavaScript 允许自定义对象。


2、访问对象的属性

语法:

objectName.propertyName

案例:

<script>
    var myCars=["BMW","Volvo"];
    var x=myCars.length;
    document.write("元素个数:"+x);
</script>

3、访问对象的方法

语法:

objectName.methodName()

案例1:

<script>
    var myCars=["BMW","Volvo"];
    var x=myCars.indexOf("BMW");
    document.write("BMW所在的位置是:"+x);
</script>

案例2:

<script>
    var message="Hello world!";
    var x=message.toUpperCase();
    document.write(x);//HELLO WORLD!
</script>


4、创建 JavaScript 对象

  • 使用 Object

<script>
    var car=new Object();
    car.name="BMW";//BMW
    document.write(car.name);
</script>
  • 使用对象字面量

<script>
	car={name:"BMW"}
    document.write(car.name);//BMW
</script>
  • 使用对象构造器

<script>
    function car(names,colors){
        this.name=names;
        this.color=colors;
    }
    mycar=new car("BMW","blue");
    //BMW 颜色:blue
    document.write(mycar.name+ " 颜色:" + mycar.color);
</script>

在JavaScript中,this通常指向的是我们正在执行的函数本身,或者是指向该函数所属的对象(运行时)。