資訊專欄INFORMATION COLUMN
點(diǎn)擊上方“IT那活兒”，關(guān)注后了解更多內(nèi)容，不管IT什么活兒，干就完了?。。?/strong>
在JavaScript中對(duì)象是一組元素的相關(guān)屬性和方法的集合，所有的事物都是對(duì)象，例如：日期，字符串，數(shù)字，數(shù)組，布爾，函數(shù)等。
對(duì)象是由屬性和方法組成的:
屬性：事物的特征,在對(duì)象中用屬性來(lái)表示(常用名詞)
方法：事物的行為,在對(duì)象中用方法來(lái)表示(常用動(dòng)詞)
方式一：利用對(duì)象字面量創(chuàng)建對(duì)象{}
var person = {
username: "紀(jì)云禾",
age: 600,
sex: "女",
};
alert(person.username);方式二：利用new object創(chuàng)建對(duì)象
var csm = new Object(); //創(chuàng)建了一個(gè)空的對(duì)象
csm.userName = "紀(jì)云禾";
csm.age = 600;
csm.sex = "女";
// (1) 我們是利用等號(hào)=賦值的方法添加對(duì)象的屬性和方法
// (2) 每個(gè)屬性和方法之間用分號(hào)結(jié)束
console.log(csm.userName);
console.log(csm["sex"]);方式三：利用構(gòu)造函數(shù)創(chuàng)建對(duì)象
構(gòu)造函數(shù): 是一種特殊的函數(shù),主要用來(lái)初始化對(duì)象,即為對(duì)象成員變量賦初始值,它總與new運(yùn)算符一起使用。
我們可以把對(duì)象中一些公共的屬性和方法抽取出來(lái) ，然后封裝到這個(gè)函數(shù)里面。
//我們需要?jiǎng)?chuàng)建四大天王的對(duì)象相同的屬性: 名字 年齡性別相同的方法: 唱歌
//構(gòu)造函數(shù)的語(yǔ)法格式
function 構(gòu)造函數(shù)名() {
this.屬性=值;
this.方法= function() {}
}
new 構(gòu)造函數(shù)名();function Test(username, age, sex) {
this.name = username;
this.age = age;
this.sex = sex;
this.sing = function (sang) {
console.log(sang);
};
}
var jyh = new Test("紀(jì)云禾", 600, "女"); //調(diào)用函數(shù)返回的是一個(gè)對(duì)象
console.log(jyh.name);
console.log(jyh["sex"]);
ldh.sing("與君初相識(shí)");
var cy = new Test("長(zhǎng)意", 700, "男");
console.log(cy.name);
console.log(cy.age);
ldh.sing("與君初相識(shí)");構(gòu)造函數(shù)名字首字母要大寫；
我們構(gòu)造函數(shù)不需要return就可以返回結(jié)果；
我們調(diào)用構(gòu)造函數(shù)必須使用new；
我們只要new Star() 調(diào)用函數(shù)就創(chuàng)建一個(gè)對(duì)象ldh {}；
我們的屬性和方法前面必須添加this。
(1) var obj =new Object();
(2) per = {}function Test(userName, age, job) {
this.name = userName;
this.age = age;
this.job = job;
sayName = function () {
alert(this.name);
};
}
var jyh = new Person(jyh, 600, "actor");
var cy = new Person(cy, 500, "actor");new關(guān)鍵詞
new在執(zhí)行時(shí)會(huì)做四件事情：
在內(nèi)存中創(chuàng)建一個(gè)新的空對(duì)象；
讓this指向這個(gè)新的對(duì)象；
執(zhí)行構(gòu)造函數(shù)里面的代碼，給這個(gè)新對(duì)象添加屬性和方法；
返回這個(gè)新對(duì)象所以構(gòu)造函數(shù)里面不需要return。
//遍歷對(duì)象
var jyh = {
userName: "紀(jì)云禾",
age: 600,
sex: "女",
fn: function () {},
};
// for in遍歷對(duì)象
//for(變量in對(duì)象){
// }
for (var k in jyh) {
console.log(k); // k變量輸出得到的是屬性名
console.log(jyh[k]); //jyh[k]得到是屬性值
}
//我們使用for in里面的變量我們喜歡寫k或者key
END
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/129526.html
摘要：一可以用作對(duì)象的復(fù)制可以用作對(duì)象的合并注意目標(biāo)對(duì)象自身也會(huì)改變。對(duì)象四返回一個(gè)數(shù)組，包括對(duì)象自身的不含繼承的所有可枚舉屬性不含屬性的鍵名。該方法返回被凍結(jié)的對(duì)象。方法判斷一個(gè)對(duì)象是否被凍結(jié)。 JavaScript對(duì)Object對(duì)象的一些常用操作總結(jié)。 一、Object.assign() 1.可以用作對(duì)象的復(fù)制 var obj = { a: 1 }; var copy = Object....
摘要：返回值一個(gè)對(duì)象集合，包含六個(gè)屬性上下左右寬高注意只用于行內(nèi)元素只能獲取樣式只讀獲取元素位置獲得頁(yè)面中某個(gè)元素的左，上，右和下分別相對(duì)瀏覽器視窗的位置。返回一個(gè)類數(shù)組對(duì)象，其包含樣式表中所有規(guī)則。 [TOC] 獲取樣式 元素對(duì)象的寬高位置距離等屬性 如offsetWidht、cilentWidht、scrollWidth…… let oWidth=obj.offsetWidth; 注意...
摘要：返回組成的數(shù)組返回對(duì)象的組成的數(shù)組返回一個(gè)由組成的數(shù)組，其元素是在對(duì)象上找到的可枚舉屬性值。深拷貝對(duì)象返回深拷貝的對(duì)象，修改不會(huì)影響該對(duì)象返回對(duì)象的和組成的數(shù)組方法返回一個(gè)對(duì)象和鍵值對(duì)組成的數(shù)組方法判斷對(duì)象中屬性是否存在 Object.keys(obj) 返回對(duì)象的key組成的數(shù)組 返回一個(gè)所有元素為字符串的數(shù)組，其元素來(lái)自于從給定的object上面可直接枚舉的屬性,不會(huì)返回原...
摘要：插件性能優(yōu)化及個(gè)人常用優(yōu)化方法經(jīng)常會(huì)觸發(fā)視覺變化。作用域鏈指的是當(dāng)前作用于下可用變量的集合，它在各種主流瀏覽器中至少包含兩個(gè)部分局部變量的集合和全局變量的集合。在考慮優(yōu)化時(shí)，數(shù)值和變量的性能差不多，并且速度顯著優(yōu)于對(duì)象屬性和數(shù)組元素。 JavaScript 插件性能優(yōu)化及個(gè)人react常用優(yōu)化方法 JavaScript 經(jīng)常會(huì)觸發(fā)視覺變化。有時(shí)是直接通過樣式操作，有時(shí)是會(huì)產(chǎn)生視覺變化...
摘要：使用一元加模擬函數(shù)原理對(duì)非數(shù)值類型的數(shù)據(jù)使用一元加，會(huì)起到與函數(shù)相同的效果。中，若判斷不為則不再進(jìn)行下一步操作。使用邏輯或設(shè)置默認(rèn)值邏輯或也屬于短路操作，即當(dāng)?shù)谝粋€(gè)操作數(shù)可以決定結(jié)果時(shí)，不再對(duì)第二個(gè)操作數(shù)進(jìn)行求值。 善于利用JS中的小知識(shí)的利用，可以很簡(jiǎn)潔的編寫代碼 1. 使用!!模擬Boolean()函數(shù) 原理：邏輯非操作一個(gè)數(shù)據(jù)對(duì)象時(shí)，會(huì)先將數(shù)據(jù)對(duì)象轉(zhuǎn)換為布爾值，然后取反，兩個(gè)!!...
摘要：本系列文章適合快速掌握入門語(yǔ)法，想深入學(xué)習(xí)的小伙伴可以看看阮一峰老師的入門本篇文章是對(duì)之前文章的一個(gè)補(bǔ)充，可以使代碼更簡(jiǎn)潔函數(shù)參數(shù)默認(rèn)值在傳統(tǒng)語(yǔ)法中如果想設(shè)置函數(shù)默認(rèn)值一般我們采用判斷的形式在新的語(yǔ)法中我們可以在參數(shù)聲明的同時(shí)賦予默認(rèn)值參數(shù) 本系列文章適合快速掌握 ES6 入門語(yǔ)法，想深入學(xué)習(xí) ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》 本篇文章是對(duì)之前文章...
閱讀 1357·2023-01-11 13:20
閱讀 1707·2023-01-11 13:20
閱讀 1215·2023-01-11 13:20
閱讀 1906·2023-01-11 13:20
閱讀 4165·2023-01-11 13:20
閱讀 2757·2023-01-11 13:20
閱讀 1402·2023-01-11 13:20
閱讀 3672·2023-01-11 13:20
