JS——创建对象

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS——创建对象相关的知识，希望对你有一定的参考价值。

创建了对象的一个新实例，并向其添加了四个属性：

person=new Object();//不要var
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

替代代码：

var person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

使用对象构造器：

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
var tercher=new person("Bill","Gates",56,"blue");

在构造器函数内部定义对象的方法：

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;

this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}

调用：

myMother.changeName("Ballmer");

循环遍历对象的属性：

<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56}; 

for (x in person)
{
txt=txt + person[x];
}

document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

结果：BillGates56

参考：JS对象创建、JS创建类和对象

以上是关于JS——创建对象的主要内容，如果未能解决你的问题，请参考以下文章

js代码片段

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

AJAX相关JS代码片段和部分浏览器模型

Android 逆向使用 Python 解析 ELF 文件 ( Capstone 反汇编 ELF 文件中的机器码数据 | 创建反汇编解析器实例对象 | 设置汇编解析器显示细节 )(代码片段

有没有办法使用相同的布局动态创建片段并向它们显示数据？