js物件導向基礎

2021-07-09 17:38:57 字數 1559 閱讀 4127

lang="en">

charset="utf-8">

js objecttitle>

head>

body>

//1.簡單物件導向

var obj=new

object();

obj.qq='12121212';

obj.name='summer';

obj.show=function

();

/*2.工廠模式

1.原料 2.加工 3 出廠

問題:1.沒有new 2.函式重複,每個物件有乙個自己的函式,會造成資源浪費,效能漸低

*/function

creatobj

(name,qq);

return obj; //返回物件

}//var obj1=creatobj('summer','1212121'); //沒有new

// obj1.show();

//3.上述方法改進,不需要手動建立物件

function

creatobjnew

(name,qq);

//系統自動返回

}var obj2=new creatobjnew('autum','111111');

// obj2.show();

//3.解決函式重複 <==>原型

//原型名詞解釋

// css js

// class 一次給一組元素加樣式 原型

// 行間樣式 一次給乙個元素加樣式 對物件加事件

/*例子:原型 陣列求和 <==> 類和物件的使用 類可以new */

var arr1 = new

array(12, 13, 11, 14, 53, 67, 86, 85, 23);

var arr2 = new

array(11, 22, 33, 44, 55, 66, 77, 88);

array.prototype.sum=function

() return result;

};//alert(arr1.sum());

// alert(arr2.sum());

//4.給自己的建構函式新增方法

function

creatperson

(name,age)

creatperson.prototype.show=function

(); var person1=new creatperson('wade',23);

var person2=new creatperson('james',24);

person1.show();

person2.show();

//建構函式新增屬性,原型新增方法

script>

html>

js物件導向基礎

function createperson name1,age1 obj.showage function 物件的出廠 return obj var person1 createperson 張三 22 var person2 createperson 李四 23 person1.showname ...

js物件導向基礎

我們在日常程式設計中,用到的大多都是js面向過程的程式設計,但是20 的程式設計我們要運到物件導向,建立物件例項 類 下邊說一下,我們建立物件的幾種方法!第乙個方法 new object var person new object person.name xx person.age xx perso...

JS學習筆記 物件導向基礎

今天溫習了js的物件導向的知識,對這方面的知識做一次總結。首先是要理解物件和類。物件可以理解為乙個具體的實物,比如乙個人。而人有吃飯 睡覺等特性,把具有相同特性的物件進行分類,例如人類。物件和類的關係就是物件是類中某一具體的個體,類是許多具有相同特徵物件的抽象。物件由屬性和方法組成,通常在程式設計中...