<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script >
var person={
name:"str",
age:18,
fullName:function(){
return this.name;
}
};
//对象 x 并非 person 的副本。它就是 person。
var x=person;
//属性操作
console.log(person.name);
console.log(person["name"]);
console.log(person[1]);
person.city="hk";
console.log(person);
delete person.city;
//方法操作
console.log(person.fullName());
person.getAge=function(){
return this.age;
}
console.log(person);
//对象转化为数组
var arr=Object.values(person);
console.log(arr);
//对象转化为字符串
var str=JSON.stringify(person);
console.log(str);
//访问器
var point={
x:1,
y:2,
z:null,
set setZ(z){
this.z=z;
},
get getXY(){
return this.x+" "+this.y;
}
};
point.setZ=5;
console.log(point.z);
console.log(point.getXY);
//构造器
function Animal(name,city,age){
this.name=name;
this.city=city;
this.age=age;
}
//构造器new出的对象各不同 添加的新属性方法互不影响
var dog=new Animal("dog","hk",6);
console.log(dog);
//通过prototype添加新属性方法
//无法通过 构造器名.新属性添加
Animal.prototype.master="ssss";
Animal.prototype.getName=function(){
return this.name;
};
//对象方法
//更改属性值
Object.defineProperty(dog,"name",{value:"cat"});
//writable 属性值可更改
//enumerable 属性可枚举
//configurable 属性可重新配置
Object.defineProperty(dog,"name",{enumerable:false});
//添加访问器
Object.defineProperty(dog, "getName", {
get: function () {return this.name;}
});
//以数组返回所有属性
Object.getOwnPropertyNames(dog)
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律