javascript自定義對象以及創建對象的新類型（引用類型）

余學文發布于2019-08-21 16:19 / 1461人閱讀

摘要：創建對象的新類型引用類型引用類型由三部分組成構造函數方法定義屬性定義引用類型首先要創建構造函數，如下指代的就是每個對象都有屬性，但該屬性只對構造函數有用，可以將看成對象的實際原型，賦給的任何屬性和方法對于對象都可用，和可以共享他們

1. javascript自定義對象

有一定js基礎的童鞋都知道怎么創造對象，在這篇文章中我想詳細的闡述一下。

創建對象--方法一

var obj=new Object()

該方法只需要使用new操作符后接Object構造函數

創建對象--方法二

var obj={}

js提供了使用字面量語法來創建對象：一對花括號{}，字面量語法比較簡潔，不需要new一個對象。

創建對象屬性并賦值

obj.first="a";
obj.second="b";

缺點：js并不會告知屬性名是否有以外的拼寫錯誤，而只能用錯誤的屬性名創建一個新的屬性名，這樣就會導致難以追蹤存在的錯誤，所以創建屬性的時候要謹慎寫錯。

創建對象的方法

也可以用這種方法為方法賦值，只是說賦的是函數而不是其他的類型值，如下：

obj.eat=function(){
console.log("eating");
}

function沒有名稱，稱為匿名函數，就本身而言，匿名函數是一種錯誤的語法，除非將它賦給一個變量
創建obj對象的完整代碼：

var obj={};
obj.first="a";
obj.second="b";
obj.eat=function(){
console.log("eating");
}

上述代碼用了4條語句完成一個完整的對象，如果用字面量符號法來定義整個對象，可以將一條語句縮減為一條語句。

var obj={
    first:"a",
    second:"b",
    eat:function(){
    return this.first+""+this.second;
    };
};

上述代碼采用屬性，冒號，值的方式定義屬性和方法，注意使用逗號來分隔各個屬性和方法的。

2. 創建對象的新類型（引用類型） 引用類型由三部分組成

構造函數

方法定義

屬性

定義引用類型

首先要創建構造函數，如下：

function person(first,second){
    this.first=first;
    this.second=second;
    this.prototype.eat=function(){
        console.log("eating");
    }
}

this指代的就是person, 每個對象都有prototype屬性，但該屬性只對構造函數有用，可以將person.prototype看成person對象的實際原型，賦給person.prototype的任何屬性和方法對于person對象都可用，person1和person2可以共享他們

云服務器 GPU云服務器自定義對象自定義一個類型 js自定義數據類型返回對象類型

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88394.html

JavaScript繼承的六種方式

這是最近在學習js繼承時看了多篇文章以及自我總結的學習筆記。目錄：一：原型鏈二：構造函數三：原型鏈和構造函數組合繼承四：原型式五：寄生式六：寄生組合式 1、原型鏈 function Super(){ this.name = lily; this.age = 21; this.arr = [1,2,3] } function Sub(){} Sub.prototype = new S...

wujl596 2019-08-21 11:22 評論0 收藏0
《JavaScript 闖關記》之原型及原型鏈

摘要：像和這樣的原生構造函數，在運行時會自動出現在執行環境中。理解原型對象在默認情況下，所有原型對象都會自動獲得一個構造函數屬性，這個屬性包含一個指向屬性所在函數的指針。而通過這個構造函數，我們還可繼續為原型對象添加其他屬性和方法。原型鏈是一種機制，指的是 JavaScript 每個對象都有一個內置的 __proto__ 屬性指向創建它的構造函數的 prototype（原型）屬性。原型鏈的...

cjie 2019-08-21 11:19 評論0 收藏0
前端面試題 -- JavaScript (一)

摘要：前言前兩天總結了一下方面的面試題傳送門，今天翻看了一些面試中常見的幾個問題只是一部分，會持續更新，分享給有需要的小伙伴，歡迎關注如果文章中有出現紕漏錯誤之處，還請看到的小伙伴留言指正，先行謝過以下有哪些數據類型種原始數據類型布爾表示一個邏輯前言前兩天總結了一下HTML+CSS方面的面試題 (傳送門)，今天翻看了一些 JavaScript 面試中常見的幾個問題（只是一部分，會持續更新...

junnplus 2019-08-23 15:59 評論0 收藏0
讀《javaScript高級程序設計－第6章》之封裝類

摘要：創建構造函數后，其原型對象默認只會取得屬性至于其他的方法都是從繼承來的。上圖展示了構造函數的原型對象和現有的兩個實例之間的關系。所有原生的引用類型都在其構造函數的原型上定義了方法。第6章我一共寫了3篇總結，下面是相關鏈接：讀《javaScript高級程序設計－第6章》之理解對象讀《javaScript高級程序設計－第6章》之繼承工廠模式所謂的工廠模式就是，把創建具體對象的過程抽象...

seal_de 2019-08-21 17:15 評論0 收藏0
ES6-前世今生（0）

摘要：更新了個版本，最新正式版是語言的下一代標準，早已在年月正式發布。基本不支持移動端瀏覽器對的支持情況版起便可以支持的新特性。比較通用的工具方案有，，，等。 1、ECMAScript是什么？和 JavaScript 有著怎樣的關系？ 1996 年 11 月，Netscape 創造了javascript并將其提交給了標準化組織 ECMA，次年，ECMA 發布 262 號標準文件（ECMA-...

LeviDing 2019-08-26 13:41 評論0 收藏0