一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

Javascript 使用function定義構造函數

Javascript中創建對象的語法是在new運算符的后面跟著一個函數的調用。如
復制代碼 代碼如下:
var obj = new Object();
var date = new Date();

運算符new首先創建一個新的沒有任何屬性的對象,然后調用該函數,把新的對象作為this關鍵字的值傳遞。
復制代碼 代碼如下:
var date = new Date()的偽代碼的實現就是
var obj = {};
var date = Date.call(obj);

構造函數的作用就是初始化一個新創建的對象,并在使用對象前設置對象的屬性。如果定義自己的構造函數,只需要編寫一個為this添加屬性的函數就可以了。下面的代碼定義了一個構造函數:
復制代碼 代碼如下:
function Rectangle(w, h)
{
this.width = w;
this.height = h;
}

然后,可以使用new運算符調用這個函數來創建對象的實例
復制代碼 代碼如下:
var rect = new Rectange(4,8);

構造函數的返回值
Javascript中的構造函數通常沒有返回值。但是,函數是允許有返回值的。如果一個構造函數有一個返回值,則返回的對象成為new表達式的值。在此情況下,作為this的對象將會被拋棄。

使用構造函數定義法
語法
復制代碼 代碼如下:
var object=new objectname();
var -- 聲明對象變量
object -- 對象的名稱
new -- new的關鍵詞(JavaScript關鍵詞)
objectname -- 構造函數名稱

示例
復制代碼 代碼如下:
//定義構造函數
function Site(url, name)
{
this.url = "www.jb51.NET";
this.name ="夢之都";
}
//使用構造函數產生一個JavaScript對象的實例
var mysite = new Site();
alert(mysite.url);

構造函數通常可以初始化對象中的一些內容,JavaScript內部提供的一些對象通常需要使用構造函數的方法生成。JavaScript函數的內容將在下一章介紹。

直接定義法創建JavaScript對象
復制代碼 代碼如下:
//定義對象語法
var object={};
//對象內的屬性語法(屬性名(property)與屬性值(value)是成對出現的)
object.property=value;
//對象內的函數語法(函數名(func)與函數內容是成對出現的)
object.func=function(){...;};

var -- 聲明對象變量
object -- 對象的名稱
property -- 對象的屬性名
func -- 對象的方法名
說明:對象可以包含一些屬性(函數可以看作帶有括號的特殊屬性),每個屬性有名稱和值。名稱可以是任何字符串甚至是空。值可以是任何Javascript類型,但不能是undefined。

使用定義法定義的對象示例
復制代碼 代碼如下:
var site = {};
site.URL = "www.jb51.NET";
site.name = "腳本之家";
site.englishname = "jb51";
site.author = "腳本";
site.summary = "免費的網頁設計教程";
site.pagescount = 100;
site.isOK = true;
site.startdate = new Date(2005, 12);
site.say = function(){alert(this.englishname+" say : hello world!")};
site.age = function(){var theage=(new Date().getFullYear())-site.startdate.getFullYear();alert(this.name+"已經"+theage+"歲了!")}

使用構造函數創建JavaScript對象示例 -- 可以嘗試編輯
使用構造函數創建JavaScript對象
上面的方法定義了一個site的對象,并且為其定義了七個屬性,與兩個個方法。

say方法會打印出jb51 say : hello world!的字符串
age方法會計算出夢之都網站的年齡
猴子提示: 注意每個屬性與函數前面都要加上對象的名稱,否則JavaScript無法判斷它是屬于那個對象的。

下面的課程將講解直接定義法的延伸,JSON定義法。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

JavaScript技術Javascript 使用function定義構造函數,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产欧美曰韩一区二区三区 | 精品一区二区视频 | 开心激情五月婷婷 | 国产精品麻豆免费版 | 91国视频在线观看 | 中文字幕永久免费视频 | 久久91精品久久91综合 | 国内一级毛片 | 久久精品1 | 激情五月开心婷婷 | 久久久久国产一级毛片高清板 | 久久永久免费视频 | 福利小视频在线播放 | 久久黄色大片 | 欧美成人aaaa免费高清 | 国产91激情对白露脸全程 | 亚洲国产高清精品线久久 | 亚洲视频在线免费播放 | 五月亭亭六月丁香 | 亚拍一区| 欧美又黄又嫩大片a级 | 麻豆xfplay国产在线观看 | 91精品国产一区 | 国产精品_国产精品_国产精品 | 亚洲综合激情六月婷婷在线观看 | 一级a性色生活片久久毛片 一级爱爱片一级毛片-一毛 | 看一级毛片国产一级毛片 | 国产精品麻豆免费版 | 国产精品19p | 国产精品资源手机在线播放 | 日韩精品中文字幕久久 | 国产精久久一区二区三区 | 一区卡二区卡三区卡视频 | 国产福利写真视频在线观看 | 欧美一级高跟鞋鞋交 | 精品久久久久久无码中文字幕 | 中文字幕在线精品视频万部 | 亚洲精品成人久久久影院 | 国产91免费在线 | 国产色婷婷精品免费视频 | 亚洲伊人久久一次 |