從演奏家的新年大膽願望一窺日本都市蜂害問題

2020-05-082020-05-08 admin

文：宋瑞文

本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

提到屬性描述符 [[Get]] 和 [[Put]] 以及提到了訪問描述符 [[Prototype]]，看它們的特性就會很容易的讓人想到經典的面向對象風格體系中對類操作要做的事情，但帶一些 introspector 的味道。回想到之前所寫來自用的辣雞應用中所附帶了一個簡易的類似 jQuery 的簡易常用功能實現，就用到了簡單的 [[Prototype]] 特性。但我們前幾篇都沒有詳細的提及 js 的原型鏈相關的內容，本篇就將討論 js 的 [[Prototype]] 屬性和相關的內容。

注：ES6 的 Proxy 和 class 的概念不在本篇討論範圍內。

`[[Prototype]]`

JavaScript 中的特殊對象屬性除了 [[Get]] 和 [[Put]] 外，還有一個很重要的特殊內置屬性就是 [[Prototype]] 了。

[[Prototype]] 是一個幾乎所有對象在創建時都會被賦予一個非空值的屬性，還記得在之前提到 new 操作符的行為嗎？其中的行為之一就是把其 [[Prototype]] 關聯指向到對應的內置對象上。通常 [[Prototype]] 所指向的即為創建此對象時所使用的對象了。

來看下面一個例子

var macat = { a: 1 };

var codingcat = macat; // 和 macat 指向的內容相同
codingcat.b = 2;
console.log(macat.b); // 2

var pineapple = Object.create( macat ); // 新對象，但其 [[Prototype]] 鏈向 macat
pineapple.c = 3; // 新對象的屬性
console.log(macat.c); // undefined
codingcat.d = 4;
console.log(pineapple.d) // 4;

上例中，變量 codingcat 顯然是指向和 macat 相同的內容，實質完全一致，而 pineapple 則是通過創建的變量。顯然 pineapple 和 macat 是不同的兩個對象。不過我們會發現我們依然可以通過 pineapple.d 訪問 macat.d 的值，這就是因為在 Object.create() 中，會把 pineapple 的 [[Prototype]] 指向我們的原型對象 macat 了。

那 [[Prototype]] 引用的作用是什麼呢？看上去這是一個確定這種像 fallback 一樣的取值操作應該 fallback 到誰的屬性標記，而準確的說，這種 pineapple.d 形式的屬性引用會觸發 [[Get]] 操作（上篇的內容），而默認的 [[Get]] 則會在對象本身沒有此屬性時會去查找 [[Prototype]] 引用的變量了。這樣的引用成為了鏈狀，故被稱作原型鏈。

當然，這個行為其實我們已經“用過”很多次了，比如 .toString()、 .valueOf()、hasOwnProperty()，我們 Object.create() 等形式構建的新對象顯然並沒有附帶一份這些函數的副本，而是因為普通的 [[Prototype]] 鏈最終都會指向內置的 Object.prototype，而它提供了這些功能。

屬性設置和屏蔽

不過上例中有個有趣的坑，我們考慮在上例的基礎上做如下操作：

...
pineapple.a++; // 交互式終端會輸出 1
console.log(pineapple.a); // 2
console.log(macat.a); // 1

pineapple.a++ 看上去是進行了變量自增的操作，但這一行后，我們發現 pineapple.a 不再等於 macat.a 了，這是因為實際上 pineapple.a 本來並不存在，但可以通過原型鏈找到 macat.a，而 pineapple.a++ （相當於 pineapple.a = pineapple.a + 1）最終進行的賦值操作創建了 pineapple.a ，故最終這兩個變量的值自然不再相等。

這個例子來看，如果本身即通過對 pineapple 的屬性（a）進行訪問操作，那麼不同情況下訪問得到的結果可能是不同的甚至是出人意料的。無意中創建的屬性“阻止”了原型鏈上查找這個屬性的行為，我們稱之為屬性屏蔽。

屬性屏蔽根據變量本身情況的不同會有很多不同的狀態表現，例如原型鏈上層變量的數據訪問屬性標記為只讀的情況，（如果不是嚴格模式下）嘗試進行的賦值操作會被忽略等。

類（迫真）

我們早已知道 JavaScript 中不存在“類”的概念，而為了能夠“寫着爽”，很多開發者都在想盡辦法在 JavaScript 中模仿其它 OO 語言中“類”的行為。其中很常見的做法類似下面這樣：

function Person(name) {
    console.log("I'm " + name + "!");
    this.name = name;
}

Person.prototype.getName = function() {
    return this.name;
}

var chris = new Person("Chris"); // I'm Chris
var sophie = new Person("Sophie"); // I'm Sophie
chris.getName(); // "Chris"

看上去我們的 Person 像極了一個包含 name 成員變量和 getName() 方法的類，並且在其“構造函數”中會輸出 “I’m xxx”。不過在之前的文章中我們已經講過了，並不存在所謂的構造函數，new 只是把 Person() 函數作為構造對象所需調用的函數進行了一次調用而已。不過你可能還會比較奇怪為什麼 .getName() 是可以使用的，既然我們在原型鏈這一章提起這件事，顯然是因為原型鏈，於是回顧之前第二章我們含糊提到的一句話是（之一是）“對這個新對象執行 [[Prototype]] 鏈接”，實際上，這裏我們被 new 出來的對象的 [[Prototype]] 被關聯到了 Person.prototype 上，於是當我們嘗試進行屬性訪問的時候，自然就可以訪問到 Person.prototype.getName() 上了。

不過這個過程還是可能會引起一些蛋疼的誤會，比如假設我們在上面例子的基礎上：

...
sophie.constructor === Person; // true
sophie.constructor === Person.prototype.constructor; // true
Person.prototype = {};
var koishi = new Person("Koishi");  // I'm Koishi
koishi.constructor === Person; // false
koishi.constructor === Object; // true
sophie.constructor === Person; // true
sophie.constructor === Person.prototype.constructor; // false

由於“構造函數”這種表現形式的理解，我們有時候會認為 變量名.constructor 實際就總是構造調用時指向的函數，甚至 sophie.constructor === Person 返回也是 true ，但實際並不是這樣，這裏返回為真，僅僅是因為 Person.prototype.constructor 默認指向的就是 Person 罷了。於是我們嘗試替換 Person.prototype 之後創建了變量 koishi，再檢查 koishi.constructor === Person 就不再為真了，在原型鏈的查找過程最終找到了 Object.prototype，然後 Object.prototype.constructor 其實指向了 Object。

不過，後面我們接着嘗試檢查了 sophie.constructor 卻發現似乎它並未受到影響，這個就不要往原型鏈方面想了，這裏的原因僅僅是 sophie 的原型鏈指向的是曾經 Person.prototype 所指向的東西上，而我們 Person.prototype = {} 的操作只是讓 Person.prototype 指向了新的東西，舊的東西並沒有改變，所以 sophie 自然看上去“沒有受到影響”了。當然，koishi 這個變量被構造時所被調用的函數仍然是 Person()，這和 koishi.constructor 或者 Person.prototype.constructor 的指向沒有什麼關係。

對象實例關係

當然我們還有一點需要重新強調的是，[[Prototype]] 和 .prototype 不是一回事，[[Prototype]] 是描述對象實例關係的屬性描述符，而 .prototype 只是 Function 對象的一個屬性而已。new 操作符會把新建的對象的 [[Prototype]] 指向原對象的 .prototype 屬性上，僅此而已。

既然 [[Prototype]] 實際描述了對象之間的實例關係，那麼我們自然就可以想到 instanceof 的實際作用了，其所做的事情就是告訴你在 a instanceof Foo 中， a 的整個原型鏈中是否有指向 Foo.prototype 的對象。

絕大多數瀏覽器支持一個 .__proto__ 屬性（實際位於 Object.__proto__）指向了 [[Prototype]] ，這對於我們調試時希望直接訪問內部的 [[Prototype]] 提供了便利，不過它並不是標準，所以除了調試便利之外還是不要使用它比較好。

最後

於是關於原型鏈相關的簡單討論就到此結束了。和上篇一樣，如果你對這些內容仍然感興趣，不妨去讀一讀《You don’t know JS – this & object prototypes》一書。這是一本開源書，你可以在這裡在線閱讀這本書，或者購買這本書的电子版或實體版。這本書的中文譯本涵蓋在《你所不知道的 JavaScript 上卷》中，你也可以考慮看中文版。

由於近期工作過於繁忙的精力佔用緣故，“原來JS是這樣的”系列可能就暫時告一段落了。最後，儘管我會盡可能仔細的檢查文章內容是否有問題，但也不保證這篇文章中一定不會有錯誤，如果您發現文章哪裡有問題，請在下面留言指正，或通過任何你找得到的方式聯繫我指正。感激不盡～

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

印度研究：森林大火致黑碳更濃加速冰河融化

2020-05-062020-05-06 admin

摘錄自2020年2月4日中央通訊社報導

印度一項最新研究顯示，森林大火引發的黑碳（black carbon）濃度增加，加速冰河融化，更引發海平面升高及氣候變遷惡化。印度斯坦時報（Hindustan Times）今天（4日）引述WIHG科學家內基（PS Negi）指出，經過研究團隊過去幾年在北阿坎德省根戈催里冰河（Gangotri Glacier）鄰近地區的觀察與研究，森林大火導致黑碳濃度增加近一倍，加速了這條冰河的融化速度。

黑碳是一種懸浮粒子，源於石油、煤、木炭、樹木、柴草、塑膠垃圾、動物糞便等含碳物質燃燒不完全及氧化後所形成的產物。內基說，黑碳已公認是造成氣候變遷的第二重要人為因素。由於黑碳吸收更多光源且釋放紅外線輻射，從而提高當地溫度，導致冰河融化。當喜瑪拉雅山區高處的黑碳濃度增加時，使喜瑪拉雅山區的冰河融化更快。他認為，由於源自全球、區域和本地的開發及污染不斷累積，導致喜瑪拉雅山區的黑碳濃度增加，進而加速冰河融化，連帶影響全球氣候變遷。

至於森林大火的起因，根據印度森林調查報告（Forest Survey of India），北阿坎德省通常在2到6月通報森林火災，火災起因包括人為因素及閃電。根據官方統計，從2000年以來，北阿坎德省森林大火導致4萬4554公頃的森林遭到破壞。

本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

※想知道最厲害的台北網頁設計公司推薦、台中網頁設計公司推薦專業設計師”嚨底家”!!

用吃的就解決！外來種海膽破壞海藻林新創公司投入壽司商機

2020-05-052020-05-05 admin

環境資訊中心綜合外電；姜唯編譯；林大利審校

本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

CSS(6)—浮動(float)

2020-05-042020-05-04 admin

CSS(6)—通俗講解浮動(float)

CSS有三模塊：盒子模型、浮動 、定位。上篇博客有講到盒子模型地址：

一、理解浮動

1、概念

概念 浮動可以理解為讓某個div元素脫離標準流，漂浮在標準流之上，和標準流不是一個層次。

如果是第一次聽說肯定還是還是一臉懵，下面我一步一步通過例子來解釋這句話。

舉例說明

我們知道div是塊級元素，在頁面中獨佔一行，自上而下排列，也就是傳說中的標準流。

如下圖

可以看出，因為div是塊級元素，所以即使div2的寬度很小，頁面中一行可以容下div2和div3，div3也不會排在div2後邊，因為div元素是獨佔一行的。

那麼我們再看下浮動的作用，這裏我將div2浮動（對div2添加float:left;左浮動屬性）

刷新頁面

通過上下兩張圖片對比,我們可以直觀感覺到，div2有種浮起來的感覺，從之前的平面到立體的感覺。也因為div2浮起來了，那麼它之前所佔的位置也就空出來了，

那麼div3和div4就可以佔據之前div2的位置，所以它們都往上移動了。這樣我們最終看到的效果就是div2和div3，div4有重疊，而且div2是在最上層。

那如果這是我在把div3也設置左浮動呢 (對div3添加float:left;左浮動屬性)

再次刷新頁面

同樣我們可以很直觀的看到，因為div2和div3目前都是左浮動，所以它們的位置都空出來了，這個時候div4就可以往上移動，所以div2和div3都把div4部分給覆蓋了。

通過上面示例，我們應該可以理解什麼是浮動。這裏附上上面示例的代碼，可以自行再研究下

<!DOCTYPE html>
<html> 
<head>
    <title>css浮動</title>
    <style type="text/css">
        div {
           text-align: center;
        }
        .one {
            background-color: gray;
            width: 300px;
            height: 50px;
        }
        .two {
            background-color: yellow;
            width: 100px;
            height: 120px;
            /*float:left;*/
        }
        .three {
            background-color: red;
            width: 150px;
            height: 50px;
            /*float:left;*/ 
        }

        .four {
            background-color: green;
            width: 300px;
            height: 50px;
        }
    </style>
</head>

<body>
    <div class="one"> div1</div>
    <div class="two"> div2</div>
    <div class="three">div3 </div>
    <div class="four"> div4</div>
</body>
</html>

通過上面也可以得出一些結論：

1、假如某個div元素A是浮動的，如果A元素上一個元素也是浮動的，那麼A元素會跟隨在上一個元素的後邊(如果一行放不下這兩個元素，那麼A元素會被擠到下一行)；

2、如果A元素上一個元素是標準流中的元素，那麼A的相對垂直位置不會改變，也就是說A的頂部總是和上一個元素的底部對齊。

2、浮動的作用

浮動它主要有兩個作用:1、實現文本圍繞效果。2、實現塊級元素在一行显示布局。

1）實現文本圍繞效果

示例

<!DOCTYPE html>
<html> 
<head>
    <title>css浮動</title>
    <style type="text/css">
        .father {
            border: 3px solid #005588;
            padding: 1px;
           width: 300px;
        }
        img {
            width: 150px; 
            height: 150px;
            float:left;
        }
    </style>
</head>

<body>
<div class = "father">
    <img src="1.jpeg"/>
    這件衣服價值百萬，奢侈品牌是指服務於奢侈品的品牌。它是品牌等級分類中的最高等級品牌。在生活當中，奢侈品牌享有很特殊的市場和很高的社會地位。在商品分類里，與奢侈品相對應的是大眾商品。奢侈品不僅是提供使用價值的商品，更是提供高附加值的商品。
</div> 
</body>
</html>

運行結果

2)實現塊級元素在一行显示布局

現在很多時候會通過浮動，讓多個div實現一行显示。當然當我們沒有了解浮動之前我們可以通過將塊級元素轉換為行內塊級元素來實現（display: inline-block）。

如圖

這樣確實可以將多個div實現在同一行显示。但這裡會有兩個小問題

 1、我們可以看到div之前會有小縫隙，很難去除。
 2、如果我想讓其中一個div显示在最右邊，實現起來會比較麻煩。

而上面兩個問題可以通過浮動很輕易的解決。

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cssdiv元素局一行</title>
    <style>
    div {
        display: inline-block;
        width: 120px;
        height: 80px;
        /*float: left;*/
    }
    .one {
        background-color: pink;
    }
    .two {
        background-color: purple;
    }
    .three {
        background-color: red;
            /*float: right;*/
    }
    </style>
</head>
<body>
    <div class="one">div1</div>
    <div class="two">div2</div>
    <div class="three">div3</div>
</body>
</html>

運行結果

很明顯已經解決。

二、浮動語法

1、浮動的語法

在 CSS 中，我們通過 float 屬性實現元素的浮動。float 屬性定義元素在哪個方向浮動。

基本語法格式

選擇器 {float:屬性值;}

屬性值

2、浮動特性

浮動脫離標準流，不佔位置，會影響標準流。浮動只有左右浮動。

注意 浮動的元素總是找理它最近的父級元素對齊。但是不會超出內邊距的範圍。

如圖

浮動特性

1、浮動脫離標準流，不佔位置，會影響標準流。浮動只有左右浮動。
2、加了浮動的元素盒子是浮起來的，漂浮在其他的標準流盒子上面。
3、加了浮動的盒子，不佔位置的，它浮起來了，它原來的位置會給後面標準流的盒子。
4、一個父盒子裏面的子盒子，如果其中一個子級有浮動的，則其他子級都需要浮動。這樣才能一行對齊显示。
5、元素添加浮動后，元素會具有行內塊元素的特性。元素的大小完全取決於定義的大小或者默認的內容多少浮動根據元素書寫的位置來显示相應的浮動。
6、假如在一行之上只有極少的空間可供浮動元素，那麼這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。

總結 浮動的目更多的是為了讓多個塊級元素同一行上显示。

參考

1、

2、

3、

4、

你如果願意有所作為，就必須有始有終。(8)

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

雪梨30年最大雨熄了野火又迎水災

2020-04-302020-04-30 admin

摘錄自2020年2月11日聯合新聞網報導

暴雨10日襲擊澳洲雪梨和新南威爾斯州東岸，是雪梨30年來最大降雨，澳洲當局因此發佈緊急撤離令。這場雨澆熄了自去年十一月開始肆虐的野火，同時給澳洲最大城市雪梨帶來混亂。

澳洲氣象局表示，過去四天內，雪梨降下391.6毫米雨量，到處淹水且交通打結，河水氾濫，超過60間學校關閉，數千人被迫撤離家園，上萬人無電可用。

澳洲氣象局警告，暴雨可能導致新南威爾斯州南岸山洪爆發，並表示可能會有超過每小時90公里的強風。新南威爾斯州鄉村消防局10日表示，大雨澆熄了該州最嚴重的野火火場，這場大火延燒74天，摧毀300多間房舍，燒毀50萬公頃土地。

農夫對降雨表示歡迎，但也認為一場大雨不足以解決三年的乾旱。乾旱和極端氣候，導致澳洲東南部自去年九月以來野火肆虐，造成至少33人死亡，約十億野生動物喪命，2,500多間房舍和1,170萬公頃土地被燒毀。

本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

蘋果電動車核心人物離職計畫受挫

2020-04-292020-04-29 admin

蘋果為發展電動車計畫，四處挖角人才；如今核心人員Steve Zadesky被爆即將離職，外界認為這將使蘋果電動車計畫受到不小的損失。

Zadesky在蘋果公司任職已超過15年，曾參與過iPhone、iPad等明星產品研發，也開發過許多蘋果的專利。他從2014年起開始帶領蘋果電動車團隊，並從各大車廠延攬人才；對Tesla的挖角更曾讓Elon Musk發下「全世界都知道蘋果在坐電動車」、「（Tesla）東西夠好就不怕（競爭）」等豪語。

根據聯合財經網所整理的綜合外電資料，Zadesky的離職將影響到目前尚未成熟的蘋果電動車產品；但也有人認為，蘋果的資金充足，應該能找到很多適合帶領計畫的人選。

而有消息人士透漏，蘋果電動車相關的自動駕駛車團隊遇到了一些計畫目標上的麻煩，計畫的實際發展與公司的要求之間出現了落差。

本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

陸去年新能源汽車保有量年增1.7倍，純電動車占57%

2020-04-282020-04-28 admin

大陸公安部交管局公布，截至去（2015）年底，大陸機動車保有量達2.79億輛，其中汽車1.72億輛。在新能源汽車部分，截至去年底，大陸新能源汽車保有量已達58.32萬輛，年增169.48%；其中，純電動汽車保有量33.2萬輛，占56.93%，其保有量與2014年相比增幅達317.06%。

隨著大陸經濟持續發展，民眾購車剛性需求旺盛，汽車保有量繼續呈快速增長趨勢，去年新註冊登記的汽車達2,385萬輛，保有量淨增1,781萬輛，均為歷史最高水準。汽車占機動車的比率迅速提高，近5年汽車占機動車比率從47.06%提高到61.82%。大陸全國已有40個城市的汽車保有量超過百萬輛，北京、成都、深圳、上海、重慶、天津、蘇州、鄭州、杭州、廣州、西安等11個城市汽車保有量超過200萬輛。截至去年底，大陸小型載客汽車達1.36億輛，其中，私家車達1.24億輛，占91.53%；與2014年相比，私家車增加1,877萬輛，增長17.77%。全國平均每百戶家庭擁有31輛私家車，北京、成都、深圳等大城市每百戶家庭擁有私家車超過60輛。（本文內容由授權使用；首圖來源： CC BY 2.0）

本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

類型擦除真的能完全擦除一切信息嗎？java 泛型揭秘

2020-04-272020-04-27 admin

背景

我們都知道泛型本質上是提供類型的”類型參數”，它們也被稱為參數化類型（parameterized type）或參量多態（parametric polymorphism）。其實泛型思想並不是 Java 最先引入的，C++ 中的模板就是一個運用泛型的例子。

GJ（Generic Java）是對 Java 語言的一種擴展，是一種帶有參數化類型的 Java 語言。用 GJ 編寫的程序看起來和普通的 Java 程序基本相同，只不過多了一些參數化的類型同時少了一些類型轉換。實際上，這些 GJ 程序也是首先被轉化成一般的不帶泛型的 Java 程序后再進行處理的，編譯器自動完成了從 Generic Java 到普通 Java 的翻譯。

什麼是真實的java泛型

我們都知道編譯器會進行泛型擦除，編譯器可以在對源程序（帶有泛型的 Java 代碼）進行編譯時使用泛型類型信息保證類型安全，對大量如果沒有泛型就不會去驗證的類型安全約束進行驗證，同時在生成的字節碼當中，將這些類型信息清除掉。下面我們先驗證一下：

public static void main(String[] args) {
 ArrayList<Integer> ints = new ArrayList<Integer>();
 ints.add(1); 
 ints.add(2);
 ints.add(3);
 
 ArrayList<String> sts = new ArrayList<String>();
 sts.add("a");
 sts.add("b");
 sts.add("c");
 
 System.out.println(ints.getClass() == sts.getClass()); 
 }

上面打印的結果是true，原因是：

按照理解，泛型擦除后將不能找回原來的類型，都是Object形式的，真的如此嗎？

看一下如下代碼：

import java.lang.reflect.ParameterizedType;
import java.util.ArrayList;
import java.util.List;

public class ClassTest {
     public static void main(String[] args) throws Exception {
     ParameterizedType type = (ParameterizedType) 
     Bar.class.getGenericSuperclass();
     System.out.println(type.getActualTypeArguments()[0]);
     
     ParameterizedType fieldType = (ParameterizedType) 
     Foo.class.getField("children").getGenericType();
     System.out.println(fieldType.getActualTypeArguments()[0]);
     
     ParameterizedType paramType = (ParameterizedType) 
     Foo.class.getMethod("foo", List.class)
     .getGenericParameterTypes()[0];
     System.out.println(paramType.getActualTypeArguments()[0]);
     
     System.out.println(Foo.class.getTypeParameters()[0]
     .getBounds()[0]);
     }
     
     class Foo<E extends CharSequence> {
     public List<Bar> children = new ArrayList<Bar>();
     public List<StringBuilder> foo(List<String> foo) {return null; }
     public void bar(List<? extends String> param) {}
     }
     
     class Bar extends Foo<String> {}
    }

打印出

class java.lang.String
class com.javapuzzle.davidwang456.ClassTest$Bar
class java.lang.String
interface java.lang.CharSequence

你會發現每一個類型參數都被保留了，而且在運行期可以通過反射機制獲取到。那麼到底什麼是“類型擦除”？至少某些東西被擦除了吧？是的。事實上，除了結構化信息外的所有東西都被擦除了 —— 這裏結構化信息是指與類結構相關的信息，而不是與程序執行流程有關的。換言之，與類及其字段和方法的類型參數相關的元數據都會被保留下來，可以通過反射獲取到。

參考資料

【1】http://techblog.bozho.net/on-java-generics-and-erasure/

【2】https://www.ibm.com/developerworks/cn/java/j-lo-gj/?mhsrc=ibmsearch_a&mhq=%E7%B1%BB%E5%9E%8B%E6%93%A6%E9%99%A4

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

英國投入4000萬英鎊大力推廣電動車

2020-04-242020-04-24 admin

據報導，英國將率先在倫敦和諾丁漢等城市推廣電動車，並投入4000萬英鎊，以實現改善空氣品質、創造就業和普及低排放交通工具等目標。

資金由英國政府超低排放項目提供並將在上述城市中建立電動車基礎設施，其中包括建設未來社區，給予超低排放汽車以優先行駛以及停放權，建立電動汽車體驗中心，為公眾提供超低排放汽車知識的普及和服務，以及出臺超低排放汽車購置短期貸款服務和汽車租賃計畫，建設超低排放汽車優惠停放點，建設充電樁以及太陽能停車換乘系統等等。

據瞭解，這一項目只是英國政府發展低排放交通工具總體規劃的一部分。英國計畫到2020年總計投入6億英鎊，發展低排放交通工具，其中包括對電動車銷售進行補貼，推廣低排放公車和計程車，資助新一代車身材料和車用電池技術的研發等等。

此外,凡是在英國買電動車的人，都可以得到最高5000英鎊的補助金，英國政府也承諾，未來會繼續發電動車補貼，根據駕駛的車型決定發補助金的數量，從2500-5500英鎊之間不等。英國還將開放電動車上公交專用道，未來開電動車的人，可能不會在塞車時段卡在車陣當中。

本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※帶您來了解什麼是 USB CONNECTOR ?

※自行創業缺乏曝光? 下一步”網站設計“幫您第一時間規劃公司的門面形象

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化

※廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

※試算大陸海運運費!

標籤: 電動車

從演奏家的新年大膽願望一窺日本都市蜂害問題

原來JS是這樣的 – 原型鏈

`[[Prototype]]`

屬性設置和屏蔽

類（迫真）

對象實例關係

最後

印度研究：森林大火致黑碳更濃加速冰河融化

用吃的就解決！外來種海膽破壞海藻林新創公司投入壽司商機

CSS(6)—浮動(float)

CSS(6)—通俗講解浮動(float)

一、理解浮動

1、概念

2、浮動的作用

二、浮動語法

1、浮動的語法

2、浮動特性

參考

雪梨30年最大雨熄了野火又迎水災

蘋果電動車核心人物離職計畫受挫

陸去年新能源汽車保有量年增1.7倍，純電動車占57%

類型擦除真的能完全擦除一切信息嗎？java 泛型揭秘

英國投入4000萬英鎊大力推廣電動車

[[Prototype]]

屬性設置和屏蔽

類 （迫真）

對象實例關係

最後

CSS(6)—通俗講解浮動(float)

一、理解浮動

1、概念

2、浮動的作用

二、浮動語法

1、浮動的語法

2、浮動特性

參考

`[[Prototype]]`

類（迫真）