首頁 > web前端 > js教程 > JavaScript創建物件的4種方式

JavaScript創建物件的4種方式

怪我咯
發布: 2017-06-29 10:32:53
原創
1143 人瀏覽過

這篇文章主要介紹了JavaScript創建物件的方式,結合實例形式總結分析了四種創建物件的方式,並附帶分析了JavaScript物件複製的技巧,需要的朋友可以參考下

本文實例總結了JavaScript建立物件的方式。分享給大家供大家參考,具體如下:

潛意識裡,JavaScript不能算是物件導向的語言,要算也只能說是趨向物件導向的一種語言,至少它不能很好的吻合物件導向最基本的三大特性(繼承、封裝、多態),當然有很多人就認為JavaScript是物件導向語言,好像也說得沒錯,因為物件導向也能在JavaScript中實現,比如說繼承、封裝吧也都可以在JavaScript中實現,但是實現方便嗎?所以我覺得很疑惑。看到網路上有一網友評價的很好,"面向對像只是一種思想,語言只能說是否很好的支持面向對象的特性。"如果對面向對像有一定的認識,用C也能寫出面向對象的程序,javascript也是。所以說不能斷言說JavaScript是物件導向語言, 呵呵,自認為是菜鳥,不敢妄自斷言,還是看看程式碼:

1. 利用json建立物件

var company = {};
company.name= '华为';
company.address = '北京';
company.produce = function(message)
{
 alert(message);
}
登入後複製

2.使用JavaScript中的Object型別

company= new Object();
company.name= '淘宝';
company.address = '杭州';
company.produce= function(message)
{
 alert(message);
}
登入後複製

3.透過建立函數來產生物件

company = function()
{
  this.name = '新浪';
  this.address = '北京';
  this.produce = function(message)
  {
  alert(message);
  }
}
登入後複製

4.利用瀏覽器window物件

window.name = '腾讯';
window.address = '北京';
window.produce = function(message)
{
  alert(message);
}
登入後複製

#擴充功能:

##1.物件複製

emptyObject = new Object();
company.apply = function(o, c,)
{
  if(o && c && typeof c == 'object')
  {
  for(var p in c)
  {
  o[p] = c[p];
  }
  }
  return o;
};
emptyObject = Ext.apply(emptyObject,company);
登入後複製

2.物件複製(函數方式)

var copyOO = new Function();
copyOO.prototype = company;
var newcopyOO = new copyOO();
登入後複製

以上是JavaScript創建物件的4種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板