收藏
批改狀態(tài)：未批改
老師批語(yǔ)：
對(duì)于前端的開(kāi)發(fā)，JavaScript是必不可少的一門編程語(yǔ)言，而它到底是什么呢？對(duì)于前端開(kāi)發(fā)又有什么用處呢？接下來(lái)就詳細(xì)的介紹一下：
(1).javascript是最流行的,而且是唯一的寫"前端腳本"的編程語(yǔ)言;
(2).前端主要是指:html,css,javascript,以及相關(guān)的開(kāi)發(fā)框架,函數(shù)庫(kù)等,共同特征就是指可以直接在瀏覽器中運(yùn)行;
(3).腳本語(yǔ)言的一個(gè)基本特征是,可以使用標(biāo)簽,以元素的形式直接嵌入到html文檔中,例如<script></script>,<?php ?>;
(4).javascript功能極其強(qiáng)大,強(qiáng)大到令人發(fā)指,前后端幾乎通吃,但它最主要的功能仍是實(shí)現(xiàn)用戶與頁(yè)面的交互操作。
大致的介紹了一下后就該進(jìn)入今天的重頭戲了，那就是JavaScript對(duì)象的創(chuàng)建創(chuàng)建創(chuàng)建，以下代碼詳細(xì)的講解了對(duì)象創(chuàng)建的集中方式：
<!DOCTYPE html>
<html>
<head>
<title>javascript基礎(chǔ)創(chuàng)建對(duì)象的方式</title>
</head>
<body>
<script type="text/javascript">
//字面量創(chuàng)建對(duì)象
let obj0 = {
name: '王豪杰',
age: 24,
sex: 'male',
getName: function (){ return this.name;}
}
console.log(obj0.name);
console.log(obj0.age);
console.log(obj0.getName());
//構(gòu)造函數(shù)創(chuàng)建對(duì)象
//php中，類是創(chuàng)建對(duì)象的模板，而對(duì)象是類的實(shí)例 js中沒(méi)有類，有原型
//函數(shù)（是用來(lái)創(chuàng)建對(duì)象的）
function createObj(name,age){
var obj = new Object();
obj.name = name;
obj.age = age;
return obj;
}
var obj1 = createObj('wang1',23);
var obj2 = createObj('wang2',24);
var obj3 = createObj('wang3',25);
var obj4 = createObj('wang4',26);
//構(gòu)造函數(shù)（由工廠模式演變而來(lái)）
//原型（所有實(shí)例可共享的屬性和方法）
function Stu(name,age){
this.name = name;
this.age = age;
}
Stu.prototype.getName = function () {
return this.name;
};
Stu.prototype.sex = 'male';
var stu1 = new Stu('小明',18);
var stu2 = new Stu('小紅',17);
console.log(stu1);
console.log(stu2);
</script>
</body>
</html>說(shuō)明：其中字面量的方式創(chuàng)建對(duì)象，就好比是一個(gè)數(shù)組以關(guān)聯(lián)數(shù)組的方式添加屬性方法，調(diào)用時(shí)只需要使用創(chuàng)建的對(duì)象訪問(wèn)對(duì)應(yīng)的屬性方法就可以訪問(wèn)；而構(gòu)造函數(shù)的方式創(chuàng)建js對(duì)象就是由工廠模式演變而來(lái)，js中沒(méi)有類只有原型，原型中的屬性和方法可被所有的實(shí)例化對(duì)象共享，創(chuàng)建對(duì)象是需要用到 關(guān)鍵字 new 實(shí)例化對(duì)象，而構(gòu)造函數(shù)中的this就是當(dāng)前所實(shí)例化的js對(duì)象，值得一提的是，為了防止重復(fù)的屬性和方法使代碼變得簡(jiǎn)潔，可以把屬性和方法定義到原型上，語(yǔ)法為：構(gòu)造函數(shù).prototype.屬性或方法。
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)