javascript
js 操作java对象_JavaScript 对象基础
JavaScript 對(duì)象基礎(chǔ)
JavaScript 對(duì)象的基本形式、對(duì)象的創(chuàng)建方式、構(gòu)造函數(shù)、包裝類等
對(duì)象的格式
基本格式
對(duì)象使用一個(gè){}進(jìn)行包裹，內(nèi)部屬性以鍵值對(duì)形式聲明
示例 var teacher = {
name: "pgjett",
age: "22",
teach: function () {
console.log("I teach javascript");
},
drink: function () {
console.log("I drink beer");
}
}
對(duì)象的的屬性
屬性的增刪改查 var teacher = {
name: "pgjett",
var teacher = {
name: "pgjett",
age: "22",
teach: function() {
console.log("I teach javascript");
},
drink: function() {
console.log("I drink beer");
}
}
// 增加
teacher.smook = function(){
console.log("I smook");
}
// 刪除
delete teacher.name;
// 改變
teacher.teach =function() {
console.log("I teach java");
}
// 查找/訪問(wèn)
console.log(teacher.name);
console.log(teacher["name"]);
// 最早的 JS 引擎使用 obj["name"] 訪問(wèn)
// 使用 obj.name 會(huì)自動(dòng)轉(zhuǎn)換成 obj["name"]
對(duì)象方法訪問(wèn)屬性
一般將普通函數(shù)稱之為函數(shù)，對(duì)象內(nèi)的函數(shù)稱之為方法 var teacher = {
name: "pgjett",
age: "22",
weight: "65",
teach: function() {
console.log("I teach javascript");
},
eat: function() {
this.weight++;
console.log("I eat, my weight is " + this.weight);
}
}
teacher.eat();
帶參數(shù)的對(duì)象方法 var attendance = {
students: [],
join: function(name) {
this.students.push(name);
console.log(name + " 已到課");
},
leave: function(name) {
var idx = this.students.indexOf(name);
if (idx != -1) {
this.students.splice(idx, 1);
console.log(name + "早退");
}
}
}
attendance.join("張三");
attendance.join("李四");
attendance.join("王五");
attendance.join("趙六");
attendance.join("孫七");
attendance.leave("李四");
// 張三 已到課
// 李四 已到課
// 王五 已到課
// 趙六 已到課
// 孫七 已到課
// 李四早退
對(duì)象的創(chuàng)建方式
對(duì)象字面量
也叫對(duì)象直接量 var obj = {
name: "Jett",
age: 22""
}
內(nèi)置構(gòu)造函數(shù)
使用 new Object()，與對(duì)象直接量沒(méi)什么區(qū)別 var obj = new Object();
obj.name = "Jett";
obj.age = "22";
自定義構(gòu)造函數(shù)
自定義構(gòu)造函數(shù)使用大駝峰命名，通過(guò) new 創(chuàng)建對(duì)象實(shí)例，且 new 出的示例是不同對(duì)象，有各自的屬性
自定義構(gòu)造函數(shù)是 javascript 模塊化、插件化的重要內(nèi)容 function Teacher(){
this.name = "Jett";
this.age = 22;
this.teach =function(){
console.log("I teach javascipt");
}
}
var teacher1 = new Teacher();
var teacher2 = new Teacher();
teacher2.name = "John";
console.log(teacher1);
console.log(teacher2);
// Teacher{name: "Jett", age: 22, teach: teach(){}}
// Teacher{name: "John", age: 22, teach: teach(){}}
自定義構(gòu)造函數(shù)傳入?yún)?shù) function Teacher(opt) {
this.name = opt.name
this.age = opt.age;
this.teach = function() {
console.log("I teach " + opt.course);
}
}
var teacher1 = new Teacher({
name: "Jett",
age: 22,
course: "javascript"
});
var teacher2 = new Teacher({
name: "John",
age: 25,
course: "java"
});
構(gòu)造函數(shù)原理
this 的指向
不使用 new，直接執(zhí)行，根據(jù)預(yù)編譯原理，this 默認(rèn)指向 window
在全局作用域中，this 代表 window function Car() {
this.color = "red";
this.brand = "BMW";
}
Car();
console.log(window.color);
console.log(this.color);
// red
// red
使用 new 實(shí)例化對(duì)象，this 指向該實(shí)例 function Car() {
this.color = "red";
this.brand = "BMW";
}
var car = new Car();
console.log(car.color);
this 轉(zhuǎn)變的過(guò)程
當(dāng) new 一個(gè)構(gòu)造函數(shù)時(shí)，就相當(dāng)于該構(gòu)造函數(shù)執(zhí)行，它的 AO 中會(huì)有一個(gè) this 指向一個(gè)默認(rèn)的屬性
當(dāng)執(zhí)行 this.color = "red";
this.brand = "BMW";
相當(dāng)于在 this 上添加屬性
使用 new 關(guān)鍵字后會(huì)將 this 拋出，賦值給一個(gè)引用
這就是一個(gè)實(shí)例對(duì)象，這個(gè)實(shí)例可以訪問(wèn) color、brand 屬性
構(gòu)造函數(shù)中的 return
new 一個(gè)構(gòu)造函數(shù)默認(rèn)會(huì)隱式 return this
如果顯式 return 一個(gè)原始值，實(shí)例對(duì)象不受影響
如果顯式 retrn 一個(gè)引用值，new 出的實(shí)例將指向該引用值 function Car() {
this.color = "red";
this.brand = "BMW";
return 1;
}
var car = new Car();
console.log(car.color);
// red
包裝類
Number
通過(guò)構(gòu)造函數(shù)創(chuàng)建數(shù)字對(duì)象，可以設(shè)置屬性
在運(yùn)算中可以自動(dòng)解包裝
與此類似的還有 String，Boolean var a = new Number(1);
a.name = "a";
console.log(a);
console.log(a + 1);
// 打印
// Number{1, name: "a"}
// 2
原始值自定義方法和屬性，每次訪問(wèn)都會(huì)被包裝成相應(yīng)類型的對(duì)象，僅僅是臨時(shí)容器，執(zhí)行后則銷毀，再次訪問(wèn)又重新包裝，只能訪問(wèn)到 undefined var a = 1;
a.name = "a";
// js 引擎將 a 包裝成數(shù)字對(duì)象，
// 即 new Number(a).len = 3
// 臨時(shí)容器沒(méi)有變量保存，執(zhí)行 delete，刪除該 len 屬性
console.log(a.name);
// 即 console.log(new Number(a).len)
// 打印 undefined
String
字符串原始值并沒(méi)有 length 屬性，實(shí)際上是包裝成字符串對(duì)象后訪問(wèn) length 屬性 // js 引擎將 "123" 包裝成字符串對(duì)象
var str = "123";
str.length = 1;
// 即 new String(str).length = 1;
console.log(str.length);
// 即 console.log(new String(str).length)
// 打印 3
對(duì)象鏈?zhǔn)秸{(diào)用
通過(guò) return this 將對(duì)象拋出，以調(diào)用其他函數(shù)
```javascript
var sched = {
marning:function(){
console.log("marning studying");
return this;
},
noon:function(){
console.log("noon sleeping");
return this;
},
afternoon:function(){
console.log("afernoon shopping");
return this;
}
}
sched.marning().noon().afternoon();
```
對(duì)象枚舉
for in 遍歷對(duì)象屬性 var obj = {
name: "Jett",
age: 22,
address: "安徽"
}
for( var key in obj) {
console.log(key, obj[key]);
}
// name Jett
// age 22
// address 安徽
用 in 判斷對(duì)象是否有某個(gè)屬性 var obj = {
name: "Jett",
age: 22,
address: "安徽"
}
console.log("name" in obj);
// true
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的js 操作java对象_JavaScript 对象基础的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： java 数据排序需求分析_java 实
- 下一篇： Java追加写json_java –