JavaScript对象
2021-07-08 本文已影响0人
微语博客
JavaScript对象
JavaScript是一门面向对象的语言，但与Java的面向对象不一样，JavaScript是基于原型，直到ES6才出现类的概念。与现实中的对象不一样的是，JavaScript 对象是拥有属性和方法的数据。在 JavaScript中，几乎所有的事物都是对象。
对象的定义
JavaScript有多种定义变量的方法，直接创建字面量对象；使用new Object()创建实例对象；使用构造函数创建对象（本篇文章暂不讲解）。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script>
var person = {
name : "Crice", //字面量创建JavaScript对象
age : 18,
city : "广州"
}
console.log(person.name+person.age+person.city);//控制台输出对象信息
var person2 = new Object();//new Object()创建对象
person2.name = "Cherry";//对象赋值
person2.age = 20;
person2.city = "深圳";
console.log(person2.name+person2.age+person2.city);
</script>
</body>
</html>
属性和方法
JavaScript对象两大特征：属性和方法。上面我们为person对象设置了三个属性name age city，现在继续为person对象添加方法（JavaScript方法又称函数）。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script>
var person = {
name : "Crice", //使用this关键字在对象里访问对象的属性或方法
age : 18,
city : "广州",
intro : function (){
console.log("Hello everybody, my name is " + this.name + ", and I can speak English");
} //为对象添加intro方法
}
person.intro();//调用对象的intro方法
</script>
</body>
</html>
访问对象的属性和方法直接使用对象名（变量名）加点号访问，比如上面的person.name，person.intro() 执行方法方法名需要加上括号。访问属性也可以使用person[name]的方式去访问。
