龙空技术网

JavaScript 对象(2)

桃桃桃小桃子呀 140

前言:

现在兄弟们对“js获取对象id”大致比较注意,小伙伴们都想要学习一些“js获取对象id”的相关内容。那么小编同时在网摘上搜集了一些关于“js获取对象id””的相关文章,希望小伙伴们能喜欢,你们一起来了解一下吧!

对象方法

对象的方法定义了一个函数,并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

该实例访问了 person 对象的 fullName() 方法:

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>创建和使用对象方法</title></head><body><p>创建和使用对象方法。</p><p>对象方法作为一个函数定义存储在对象属性中。</p><p id="demo"></p><script>  var person = {    firstName: "John",    lastName : "Doe",    id : 5566,    fullName : function()    {      return this.firstName + " " + this.lastName;    }  };  document.getElementById("demo").innerHTML = person.fullName();</script></body></html>

运行结果:

如果你要访问 person 对象的 fullName 属性,它将作为一个定义函数的字符串返回:

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>创建和使用对象方法1</title></head><body><p>创建和使用对象方法。</p><p>对象方法是一个函数定义,并作为一个属性值存储。</p><p id="demo1"></p><p id="demo2"></p><script>  var person = {    firstName: "John",    lastName : "Doe",    id : 5566,    fullName : function()    {      return this.firstName + " " + this.lastName;    }  };  document.getElementById("demo1").innerHTML = "不加括号输出函数表达式:"  + person.fullName;  document.getElementById("demo2").innerHTML = "加括号输出函数执行结果:"  +  person.fullName();</script></body></html>

运行结果:

ps:JavaScript 对象是属性和方法的容器。

访问对象方法

你可以使用以下语法创建对象方法:

methodName : function() {    // 代码 }

你可以使用以下语法访问对象方法:

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>创建和使用对象方法2</title></head><body><p>创建和使用对象方法。</p><p>对象方法作为一个函数定义存储在对象属性中。</p><p id="demo"></p><script>  var person = {    firstName: "John",    lastName : "Doe",    id : 5566,    fullName : function()    {      return this.firstName + " " + this.lastName;    }  };  document.getElementById("demo").innerHTML = person.fullName();</script></body></html>

运行结果:

通常 fullName() 是作为 person 对象的一个方法, fullName 是作为一个属性。

如果使用 fullName 属性,不添加 (), 它会返回函数的定义:

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>创建和使用对象方法3</title></head><body><p>创建和使用对象方法。</p><p>对象方法是一个函数定义,并作为一个属性值存储。</p><p id="demo1"></p><p id="demo2"></p><script>  var person = {    firstName: "John",    lastName : "Doe",    id : 5566,    fullName : function()    {      return this.firstName + " " + this.lastName;    }  };  document.getElementById("demo1").innerHTML = "不加括号输出函数表达式:"  + person.fullName;  document.getElementById("demo2").innerHTML = "加括号输出函数执行结果:"  +  person.fullName();</script></body></html>

运行结果:

有多种方式可以创建,使用和修改 JavaScript 对象。

同样也有多种方式用来创建,使用和修改属性和方法。

标签: #js获取对象id