很實用的JavaScript對象構造法

2020-11-29 ITstudy

面向對象

創建對象

var box = new Object(); // 創建一個對象

box.name = 'Lee'; // 創建一個屬性並賦值

box.age = 100; //

box.run = function () { // 創建一個方法

return this.name + this.age+'運行中';

}

工廠模式

function createObject(name,age){

var obj = new Object();

boj.name = name;

obj.age = age;

obj.run = function(){

return this.name+this.age+'運行中';

}

return obj; // 返回對象引用

}

var box1 = createObject('jack',200);

var box2 = createObject('kkk',300);

var box3 = createObject('Lee',500);

alert(box1 instanceof Object);

alert(box2 instanceof Object);

alert(box3 instanceof Object);// 都是Object沒辦法分清具體是哪一個對象

構造函數

function Box(name,age){ //所有構造函數都是Object

this.name = name;

this.age = age;

this.run = function () {

return this.name+this.age+'運行中';

};

};

var box1 = new Box('Leee',300);// 實例化

構造函數沒有 new Object,但後臺會自動 var obj = Object

this 就相當於 new Object出來的對象

構造函數不需要返回對象引用,它是後臺自動返回的

構造函數也是函數,但函數名第一個字母大寫

必須 new 構造函數名(),new Box(),而這個 Box 第一個字母也是大寫的

必須使用 new 運算符

構造函數內部的方法或函數的問題

function Box(name,age){

this.age = age;

this.nae = name;

this.run = function(){

return this.name+this.age+'運行中';

}

}

var box1 = new Box('Lee',200);

var box2 = new Box('kkk',300);

alert(box1.run == box2.run);// 輸出 false,比較的是引用地址

構造函數內部的方法通過全局來實現引用一致

function Box(name,age){

this.age = age;

this.nae = name;

this.run = run;

}

function run(){

return this.name+this.age+'運行中';

}

var box1 = new Box('Lee',200);

var box2 = new Box('kkk',300);

alert(box1.run == box2.run);// 輸出 true

相關焦點

  • JavaScript - Math對象
    Math對象在我們js中其實是有很多數學計算的需求的,不過不必擔心系統給我們提供了大量的數學運算的方法供我們使用而這些方法全都存在於我們的Math對象中Math常用的屬性:Math.PI 相當於π 3.14159Math對象常用的函數
  • 七天學會javascript第一天javascript介紹
    javascript介紹javascript數據類型javascript運算符javascript對象javascript Date對象javascript String對象JavaScript常用於實現一些前端效果。前些年流行的flash已經慢慢的被淘汰,js盛行起來。javascript :客戶端編程。javascript是由客戶端去解釋運行的。
  • 什麼是JavaScript對象?如何創建並引用?這就告訴你!
    主要內容:對象的創建鍵名和鍵值對象的引用Math對象Date對象學習目標:為什麼要使用對象?宿主對象:dom(文檔對象模型),bom(瀏覽器對象)。自定義對象:我們自己定義和開發的對象。二、對象的創建(重點)2.1怎樣創建對象語法:var obj = { key : value };上面代碼定義了一個對象,它被賦值給變量obj。
  • 學習方法:構造法在初中數學解題中的應用
    [摘要]:本文根據初中數學問題的特徵,針對新課標的要求,對構造法在初中數學解題中有著重要的作用。從"構造方程、構造函數、構造圖形、構造矛盾"等幾個方面來敘述如何運用構造法解題。通過運用構造法解題,是培養學生創造意識和創造新思維的重要手段之一,有利於提高學生的分析問題和解決問題的能力。它也是解決數學問題的基本思想方法之一。
  • 50個實用的JavaScript工具
    SAJAX  是一款被封裝的ajax工具,非常方便與後臺的交互,對XMLHttpRequest對象進行了封裝,可以實現對伺服器的異步請求,簡化操作qooxdoo具有客戶端瀏覽器檢測功能,具有瀏覽器抽象層,可以無差別的創建跨瀏覽器的Web應用程式,它提供方便的調試接口,具有事件管理、聚焦管理、定時器、邊框和對象屬性等特徵。它提供一組窗體組件並擴展了布局,它還提供跨平臺的png圖形透明支持功能。此外,qooxdoo提供一個原子組件,你可以在其基礎上開發你自己的組件。
  • 分享幾個javascript實用函數
    從本文開始小編將定期發布javascript相關的代碼集錦,每次發十個與大家分享,首先是數組篇,也許有人會說,可以用常用的lodash的等庫啊。* 使用Array.prototype.reduce()創建一個對象,其中鍵是從映射結果生成的。*/本次10個js常用函數算法集錦,就到此為止,大家慢慢消化,下次再見!
  • JavaScript入門教程
    起源javascript前身叫做livescript,sun公司推出java,netspace公司引進java的概念,重新設計livescript,並更名javascript。發明者,布蘭登.艾克,表單驗證原先要經過伺服器,伺服器壓力大,等待時間長,js僅在客戶端就可完成。是什麼是一種腳本語言,是一種輕量級的程式語言。
  • 選調生行測比較構造法的應用
    在行測數量關係考試中經常會用到比較構造法,什麼是比較構造法?又是什麼樣的題目能用比較構造法呢?今天教育和大家就來一起學習一下比較構造法的應用,來幫助同學們很好地備考。理論比較構造法:題幹中同一個問題,存在兩種不同的描述,通過比較兩種描述的差異,建立等量關係,使得問題獲得求解的方法。
  • 2020年甘肅公務員考試行測數量關係:比較構造法解應用題
    下面甘肅中公教育為大家準備了行測數量關係備考技巧:比較構造法解應用題,供各位查看學習。考生在日常備考中對於行測試題的解答都有很多方向的技巧,那麼接下來就由為大家介紹一種實用的技巧,比較構造法解應用題。一、什麼是比較構造法?
  • JavaScript:對象都是這樣生成的!
    頭圖 | CSDN下載自視覺中國作者 | flydean 責編 | 張文來源 | 程序那些事(ID:flydean-tech)本文將會深入講解面向對象在 javascript 中的應用,並詳細介紹三種對象的生成方式:構造函數、原型鏈、類。
  • 第五篇:JavaScript事件處理
    庫的網頁代碼(案例代碼見unit12\case1.html):<html><head><title>JavaScript開發案例</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript
  • 一天一點JavaScript編程知識:Animation動畫
    JavaScript還可以設置DOM對象的許多屬性,包括它在屏幕上的位置。我們也可以設置對象的頂部和左側屬性,以將其放置在屏幕上的任何位置:二、Manual Animation接下來,讓我們使用DOM對象屬性和JavaScript函數實現一個簡單的動畫,上代碼:代碼很簡單,這裡簡單解釋一下,當然能看懂的朋友,可以跳過啦:
  • 在JavaScript中,使用replace()、test()和exec()方法匹配字符串
    JavaScript核心代碼如下:<script type="text/javascript">var str = "Hello Microsoft!"使用字符串替換的核心JavaScript代碼如下:<script type="text/javascript">var str = "一都編程,每個知識就是一個案例。"
  • 來一輪帶注釋的demo,徹底搞懂javascript中的replace函數
    javascript這門語言一直就像一位帶著面紗的美女,總是看不清,摸不透,一直專注伺服器端,也從來沒有特別重視過,直到最近幾年,javascript越來越重要,越來越通用。最近和前端走的比較近,藉此機會,好好鞏固一下相關知識點。
  • JavaScript-Date對象及Math對象
    創建一個Date對象,如果直接使用構造函數創建一個Date對象,則會封裝為當前代碼執行的時間var
  • 2019國家公務員考試行測:數量關係之比較構造法的應用
    比較構造法在數學運算中有著廣泛的應用,掌握好比較構造法的應用,能大大節省做題的時間。比較構造法的應用是基於方程的基礎,很多題型均可用方程法解題,而比較構造法也是找等量關係的的方法之一。不過,比起普通的等量構造法,比較構造的計算過程簡單、難度低。因此,中公教育專家在此給大家具體介紹比較構造法的具體應用。
  • 帶你「認識」好用的比較構造法
    這種想法無可厚非,但如果題目這樣設置條件:做一件事件有兩種或兩種以上方案,中公網校請你花點時間來認識一位「新朋友」——比較構造法。比較構造法指的是對同一事物有兩種或兩種以上方案,通過比較方案間的差異,從而構造關係式求解的方法。我們通過一個例題來了解下:例:某車隊運輸一批蔬菜。
  • 2020省考行測技巧:比較構造法速解數學運算
    大家都知道在行測考試中最核心考察的點其實是單位時間內得分率,那麼如何才能提高做題速度呢,今天中公教育就跟大家一起來了解一種新的做題方法叫做「比較構造法」。在了解什麼是比較構造法前,我們先來看一道題目:【例】有人測量一座橋離水面的高度,將一根繩子對摺,碰到水面時繩子還剩下6米,(按對摺後的長度計算);把繩子平均折成三段,碰到水面時繩子還剩下2米,問橋高多少米?
  • 2018甘肅公務員考試行測數量關係:比較構造法的應用技巧解析
    2018甘肅公務員考試行測數量關係:比較構造法的應用技巧解析 在 甘肅公務員考試中,方程是考察較頻繁的考點,方程也是廣大考生在從小到大學習中一直接觸最多的知識點,方程是連接數學和思想的一種手段。方程可以大家平時比較熟悉的等量構造法去構造,這是相對簡單的。
  • JavaScript中的「黑話」
    toString(),用於將對象以字符串方式引用時自動調用,如果此方法未被覆蓋,toString則會返回[object type],因此Object.prototype.toString.call只是為了調用原生對象上未被覆蓋的方法,call將作用域指向需要判斷的對象,這樣一來就可以通過原生的toString方法列印對象的類型字符串:Object.prototype.toString.call([]