当前位置: 首页>編程日記>正文

Javascript中五种定义对象的方法

Javascript中五种定义对象的方法

在javascript中,对象是拥有属性和方法的数据
本次主要讨论五种定义对象的方法

1.直接定义
创建语法:

var 对象变量名 = new Object();
对象变量名.属性1 = 属性值1;
…;
对象变量名. 属性N = 属性值N;
对象变量名. 方法1 = function([参数列表]){方法体
}
…;
对象变量名. 方法N = function([参数列表]){方法体
}

代码示例:

	var student = new Object();student.name="Lucy";student.eat=function(){console.log(this.name+"正在吃东西");}student.eat();

2.初始化定义:
创建语法:

var 对象变量名={属性1:属性值1,...,属性N:属性值N,方法1:function([参数列表]){方法体},...,方法N:function([参数列表]){方法体}
}

注意:
1.属性的定义用:(英文冒号)
2.对象的属性和方法之间用,(英文逗号)隔开,最后一个不加

代码示例:

var student = {name:"Tim",  //注意属性的定义用:age:12,eatting:function(){console.log(this.name+"正在吃东西");},running:function(){console.log(this.name+"正在跑步");}
};
student.eatting();
student.running();

3.构造函数式
创建语法:

function 构造函数([参数列表]){this.属性1=属性值;...;this.属性N=属性值;this.方法1=function([参数列表]){方法体};...;this.方法N=function([参数列表]){方法体};
}
var 对象名 = new 构造函数([参数列表]);

代码示例:

function Student(name){this.name=name;this.eatting=function(){console.log(this.name+"正在吃东西");};
}
var stu = new Student("Lily");
stu.eatting();

4.原型式
创建语法:

function 对象创建器(){
};
对象创建器.prototype.属性=属性值;
对象创建器.prototype.方法=function([参数列表]){方法体
};
var 对象名 = new 对象创建器([参数列表]);

代码示例:

	function Student(){}Student.prototype.name="Kitty";Student.prototype.eatting=function(){console.log(this.name+"正在吃东西");};var stu = new Student();stu.eatting();

5.混合式

由于构造方法式中创建对象时添加属性很容易,但是创建方法要在构造方法内部容易导致方法混乱;原型式创建对象时添加属性比较麻烦,创建方法相对容易。所以结合两者的优点就有了混合式。

创建语法:

function 构造函数([参数列表]){this.属性1=属性值;...;this.属性N=属性值;};
}
对象创建器.prototype.方法=function([参数列表]){方法体
};
var 对象名 = new 构造函数([参数列表]);

代码演示:

function Student(name){this.name=name;
}
Student.prototype.eatting=function(){console.log(this.name+"正在吃东西");
};
var stu = new Student("Linda");
stu.eatting();


https://www.fengoutiyan.com/post/14635.html

相关文章:

  • 对象中必须有属性和方法吗
  • 简述对象的定义
  • 对象属性方法
  • 类对象和实例对象
  • javascript对象
  • 什么是对象
  • js对象方法
  • 谈恋爱的技巧和方法
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機