6月9日 js学习笔记

最新推荐文章于 2024-02-28 21:01:58 发布

Shelysure

最新推荐文章于 2024-02-28 21:01:58 发布

阅读量108

点赞数

文章标签： js

本文链接：https://blog.csdn.net/Shelysure/article/details/106648678

版权

对象

对象也是变量。但是对象包含很多值。

JavaScript 对象是被命名值的容器。

（JavaScript 对象中的）名称:值被称为属性。

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

此时person为一个对象

实例

var person = {
   
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
   
    return this.firstName + " " + this.lastName;
  }
};

this 关键词
当我们处于某个对象内部时，我们可以用this来访问同一对象的属性。

在函数定义中，this 引用该函数的“拥有者”。

在上面的例子中，this 指的是“拥有” fullName 函数的 person 对象。

换言之，this.firstName 的意思是 this 对象的 firstName 属性。

可以以两种方式访问属性：

objectName.propertyName

或者

objectName["propertyName"]

以下代码声明了对象的方法

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 对象方法</h1>

<p>如果您不使用 () 访问对象，则返回函数定义：</p>

<p id="demo"></p>

<script>
// 创建对象：
var person = {
   
    firstName: "Bill",
    lastName : "Gates",
    id       : 12345,
    fullName : function() {
   
       return this.firstName + " " + this.lastName;
    }
};

// 显示对象中的数据：
document.getElementById("demo").innerHTML = person.fullName;
</script>

</body>
</html>

结果:
在这里插入图片描述
属性相关细节：

在这里插入图片描述

结果：

1
2
this is a test
麦子学院

在这里插入图片描述

========================================================

对象的

最低0.47元/天解锁文章

Shelysure

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
6月9日 js学习笔记

对象对象也是变量。但是对象包含很多值。JavaScript 对象是被命名值的容器。（JavaScript 对象中的）==名称:值 ==被称为属性。var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};此时person为一个对象实例var person = { firstName: "Bill", lastName : "Gates", id : 678, fullNam
复制链接

扫一扫