标签：对象 JavaScript person 001 fullName 方法 属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<!--
JavaScript对象
JavaScript对象拥有属性和方法的数据
真实生活中的对象,属性和方法
真实生活中,一辆汽车是一个对象.
对象有它的属性,如重量,颜色等,方法有启动等
对象
所有的汽车都有这些属性,但是每款车的属性都不尽相同
所有汽车都拥有这些方法,但是他们被执行的时间都不尽相同
JavaScript对象
在JavaScript中,几乎所有事物都是对象
在JavaScript中,对象非常重要,当你了解了对象,就可以了解JavaScript
你已经学习了JavaScript的赋值.
以下代码为变量car设置值为"Fiat"
var var = "First";
对象也是一个变量,但是对象可以包含多个值(多个变量),每个值以name:value呈现
在以上实例中,3个值("Fiat", model:500, color:"white");
在以上实例中,三个值("Fiat, 500, white")赋予变量car
JavaScript对象是变量的容器
对象定义
您可以使用字符来定义和创建JavaScript对象
实例
var person = {firstName:"John",lastName:"Die", age:50, color:"blue"}
对象属性:
可以说JavaScript对象是变量的容器
但是我们通常认为JavaScript对象是键值对的容器
键值对通常写法为name:value(键值以冒号分割)
键值对在JavaSCript对象统称为对象属性
JavaScript对象是属性变量的容器
对象键值对的写法类似于:
-PHP中的关联数组
-Python中的字典
-C语言中的哈希表
-Java中的哈希映射
-Ruby和Pert中的哈希表
访问对象属性:
您可以通过两种方法访问对象属性
实例1
person.lastName;
实例2
person["lastName"];
对象方法:
对象方法定义了一个函数,并作为对象的属性存储
对象方法通过添加()调用(作为一个函数)
该实例访问了person对象的fullName()方法
name = person.fullName();
JavaScript对象是属性和方法的容器
访问对象方法
你可以使用以下语法创建对象方法:
methodName:function(){
//代码
}
你可以使用以下语法访问对象方法:
实例:
objectName.methodName();
通常fullName()是作为person对象的一个方法,fullName是作为一个属性
如果使用fullName属性,不添加(),他会返回函数的定义:
有各种方法可以创建,使用和修改JavaScript对象,同样有多种方式用来创建,使用和修改属性和方法
-->
<body>
<p>创建 JavaScript对象</p>
<p id="demo1"></p>
<p>创建和使用对象方法</p>
<p>对象方法作为一个函数定义存储在对象属性中.</p>
<p id="demo2"></p>
<p>对象方法是一个函数定义,并作为一个属性值存储</p>
<p id="demo3"></p>
<script>
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue",
fullName:function(){
return this.firstName+" "+this.lastName;
}
}
var demo1 = document.getElementById("demo1");
demo1.innerHTML=person.firstName+"现在"+person.age+"岁";
var demo2 = document.getElementById('demo2');
demo2.innerHTML=person.fullName();
var demo3 = document.getElementById('demo3');
demo3.innerHTML ="不加括号输出函数表达式: "+ person.fullName;
</script>
</body>
</html>
标签：对象,JavaScript,person,001,fullName,方法,属性 来源： https://blog.csdn.net/weixin_43404791/article/details/122853473
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。