前言:
现在兄弟们对“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