2018年12月23日

Java Nio2-檔案管理

前言

Java 7增加對NIO改進，為NIO2，早期NIO對檔案只能做基本存取，但是NIO2不管對微軟還是Linux都可以除了做基本的存取外，還提供進階的功能，下面會一一介紹，例如：建立捷徑(symblic link)、

  1. 增加更多的檔案與目錄API屬性控制
  2. 異步非阻塞控制(Asynchronous IO)
  3. 其他(監看目錄、走訪目錄)
  4. 以區塊的方式來存取檔案

應用範例

  • 新增檔案：Path與Files搭配使用可以設定權限．
try {
   //新增檔案
   Path path = Paths.get("/Users/bryantlin/Downloads/test.txt");
   Files.createFile(path);
   //新增檔案並設定權限
   Path path2 = Paths.get("/Users/bryantlin/Downloads/test2.txt");
   Set<PosixFilePermission> perms = PosixFilePermissions.fromString("rw-------");
 FileAttribute <Set<PosixFilePermission>> fa = PosixFilePermissions.asFileAttribute(perms);
   Files.createFile(path2,fa);
} catch (IOException e) {
   e.printStackTrace();
}

enter image description here

//Creating and Deleting Temporary Files

    Path path = Paths.get("/Users/bryantlin/Downloads/");
    Files.createTempFile(path,"tmp",null);

} catch (IOException e) {
    e.printStackTrace();
}

enter image description here

檔案操作

在nio2新增Path類別來表示檔案和路徑各種操作，功能上會比nio的File更為完整．以前File類別操作有些缺點

  • File的方法以boolean回傳是否成功，以刪除檔案來說如果刪除失敗使會回傳false無法得知失敗的原因
  • 不支援捷徑
  • 有些檔案屬性無法支援
  • 搬移或複製必須自己實作，無API

主要介紹Path、FileSystem、、

(1)Paths/Path類別介紹
Paths為靜態方法根據字串路徑或是URI來取得Path類別

Paths API 說明 範例
public static Path get(String first,String… more) 將路徑分別丟入，好處是API會根據作業系統自動對換separator Paths.get(“/”,”Users”,”bryantlin”);
路徑為：/Users/bryantlin
Paths.get(“C:”,”Users”,”bryantlin”);
路徑為：C:/Users/bryantlin
public static Path get(URI uri) 使用RUI路徑 Paths.get(“/Users/bryantlin”);
路徑為：/Users/bryantlin

Path提供目錄和檔案更好的支援，會比File類別更容易使用．

範例使用MAC電腦並以/Users/bryantlin為例

Path API 說明 範例
FileSystem getFileSystem() 取得檔案系統名稱 Path path =Paths.get(“/Users/bryantlin”);
System.out.println(path.getFileSystem());
顯示為sun.nio.fs.MacOSXFileSystem@4c873330
Path getRoot() 回傳根目錄 Path path =Paths.get(“/Users/bryantlin”);
System.out.println(path.getRoot());
顯示為/
Path getFileName() 回傳檔案名稱或是目錄名稱 Path path =Paths.get(“/Users/bryantlin”);
System.out.println(path.getFileName());
顯示為bryantlin
Path getParent() 回上ㄧ層 Path path =Paths.get(“/Users/bryantlin”);
System.out.println(path.getParent());
顯示為bryantlin
Path resolve(Path other) 把目前路徑當作是父路徑，新的路徑作為該路徑下的子路徑或是檔案 Path path =Paths.get(“/Users/bryantlin”);
Path newPath =Paths.get(“Downloads”);
path.resolve(newPath)
顯示為/Users/bryantlin/Downloads
Path resolveSibling(Path other) 把目前路徑當作是解析時的父路徑 Path path =Paths.get(“/Users/bryantlin/”);
Path newPath =Paths.get(“Downloads”);
path.resolveSibling(newPath)
顯示為/Users/Downloads

(2) FileSystems/FileSystem 檔案系統管理
在windows或是Unix/Linux作業系統有各自的檔案系統管理，java.nio.file.FileSystems作為工廠模式，取得目前檔案系統

FileSystem API 說明 範例
String getSeparator() 取得檔案系統分隔符號 FileSystem fsDefault = FileSystems.getDefault();
fsDefault.getSeparator();
顯示為：/
Iterable getRootDirectories() 取得根目錄 FileSystem fsDefault = FileSystems.getDefault();
for (Path patha : it)
{ System.out.println(“fileName:” + patha.toString()); }
fileName:/ =>這個為根目錄

(3) FileSystemProvider 檔案操作



參考資料

  1. Java IO/NIO， IO、NIO、NIO2
  2. Java NIO2：NIO概述
  3. 檔案操作
  4. FileSystemProvider
張貼者： 於 沒有留言:

2018年11月19日

2018 Java 開發者年度大調查

前言

會想要寫這篇文章原因是希望提供Java同好參考和讓自己熟悉的工具是否與外國的開發者做一些比較和見解．
Java Magazine年度大調查，針對全球10500的Java開發者所做調查，問卷面向包含JDK、開發工具、web 框架等，我把一些資料整理出來提供大家參考，詳細可以參考本期java magazine內容．會針對部分常見的技術和工具，以我自己的角度去詮釋，如果有問題歡迎留言討論，因為版權問題大部分只能用描述，無法全部都貼統計圖表．

JDK調查

JDK是Java語言開發、編譯、執行程式的一個必要環境，換句話說想要執行Java必須要安裝JDK套件．調查內容如下：

(1) 哪些供應商的JDK安裝在產品上面？link
由調查結果可以知道有百分之70的人會使用Oracle JDK，21%的人會使用社群版本openJDK，一些企業用戶使用IBM JDK版本約4%．因為版權問題這幾年很多人把Oracle JDK移植到openJDK為他們主要開發的版本．

(2)哪些JVM語言為主要開發應用程式link
大部分開發者還是會使用Java為主要的開發語言，其他語言Clojure(3%)、Kotlin(2.24%)、Groovy(2.36%)、Scala(1.83%)這些因為各自有專門領域所以還有部分使用者在使用．例Kotlin可以支援開發行動APP、Scala著名的Spark大數據處理工具．

工具

整個軟體分析、設計、實作、測試到上線都有對應的工具，本次調查著重實作和測試所使用的工具或是框架，這些工具開發者容易部署與進行模擬測試．

(1) 開發者最長使用的IDElink
最多人使用前三名依序Intellj IDEA(45%)、Eclipse IDE(38%)、Apace Netbeans(11%)，其中Intellj IDEA Ultimate Edition版本為需要付費有32%;Intellj IDEA Community Edition免費版本為11%;其他為Android開發者約2%．其他IDE開發工具沒有太大的變化．

(2)那些建構工具是主要使用link
開發團隊對專案主要使用的建構工具，是最多人在使用它，Maven仍有60％比例在使用，其次就是Gradle(19%)的人使用，我想應該是Andorid stodio建構工具預設為Gradle和Gradle也支援kotlin腳本關係，才有近年有大幅度的人開始使用．

(3)靜態程式碼品質工具(static quality tool)調查link
在Java有很多開源的品質工具可以用來檢查程式碼品質的好壞，這些工具最多人使用比例依次有SonarQnbe(39%)、FindBug(27%)、CheckStyle(23%)，但是也多達36%的開發者沒有使用過此類的工具，來為他們的程式碼檢驗過．

(4)CI/CD工具調查link
CI工具是為了完成持續整合或是持續交付的目標，所發展的工具，這讓你的專案可以減少煩雜的部署工作，在調查結果顯示Jenkins高達57%開發者使用，但是也有21%的人未使用過CI的工具．

(5)源碼版本管理工具link
目前最多人使用源碼版本管理工具為Git高達74%的人使用，表示滿開發者使用Git來管理他們的源碼，其次為Subversion有16%比例的人在使用它．

(6)測試框架調查link
本調查為複選選項，因為測試框架不同使用的情境也會不一樣，這些測試框架有時候可以互相搭配使用，在單元測試JUnit(78%)最多人使用的單元測試框架，在眾多模擬測試框架當中Mockito(45%)也是多人推崇，補充一點JUnit和Mockito可以互相搭配使用．在Web測試框架中Selenium(29%)的人使用．

雲端技術

(1)虛擬技術調查link
為了因應新的技術serverless的誕生，容器框架使用比例高達43%，但是仍有VMs有33%仍在使用，和33%沒使用過雲端的工具

(2)部署方法調查link
本次調查有43%的人沒有使用過自動部署工具，有18%沒有聽過這種方式，大多數人使用批次bash的方式來部署他們的程式碼，約12%，只有一些公司或是開發者才會使用CD的工具像Ansible(12%)、Chef(5%)、Puppet(8%)完成部署上線工作．

應用程式開發

(1)web框架調查link
Spring的生態已經佔領高達76%(spring boot 和spring MVC)比例的人都會使用來開發web應用程式，官方JSF也有19%的人來使用

(2)ORM框架調查(複選)link
超過1/2的開發者使用Hibernate框架來處理資料存取的部分，但是仍有23%的人喜愛用原生JDBC使用，Spring開發者有些會使用Spring JdbcTemplate來存取資料庫．也有1/4沒有使用任何ORM的框架

(3)Web Server調查link
目前最受歡迎的網頁伺服器為Apache Tomcat(41%)，他主要流行的原因為快速、穩定、開源．在企業版方面WebLogic(6%)和WebSphere(5%)還是Web Logic比較多企業在使用．

(4)最常在哪裡取的Java的技術資訊(複選)link
開發者最常取的技術資訊：Stack Overflow(62%)、Oracle’s document(41%)、Java Magazine(38%)、DZone(32%)、Youtube(24%)，這些可以提供大家參考節省開發時遇到的問題或是技術上資訊容易取得．

參考

  1. java magazine
  2. JDK維基百科
張貼者： 於 沒有留言:

2018年10月31日

TypeScript(6)模組化

前言

TypeScript的模組化大概可以分兩個部分(1)模塊(module)方式是ES6模組標準(2)命名空間(namespace)是TypeScript所制定的方法，這兩個概念會讓元件化更容易實作，在TypeScript一個*.ts檔案為一個模塊，接下來會介紹import和export這兩個語法，如何使用它們來完成模組化．

Note: TypeScript 1.5以後內部模塊稱為命名空間，外部模塊稱為模組，這是為了跟ECMAScript 2015一致．

第一部分：模塊(module)

在模組(.ts檔)定義將變數、函式和類等，外部無法存取內部邏輯，只能透過export語法去導出所需要變數、函式和類給其他模組((.ts檔)使用，當我們規劃元件時，該模組本身export的函式、變數和類就是模組的限制，這些在規劃元件藍圖時就應該考慮哪些資料需要提供給外部模組使用/不使用．在TypeScript可以支援不同的模組化系統如：AMD、SystemJS、ES Modules等等．

Export 語法

(1) export 變數

//檔名 moduleEx.ts
export var 變數名稱 = 值;
export const 變數名稱 = 值

範例：
export var kk=1234;
export const PI=3.1415 ;

(2) export 介面

//檔名 moduleEx.ts
export interface 介面 {
   //介面內容
}

範例：
export interface IShap{
    width:number;
    heigh:number; 
}

(3) export 類別

//檔名 moduleEx.ts
//方法一
export class 類別名稱 {
   //類別內容
}
//方法二
class 類別名稱 {
   //類別內容
}
export {類別名稱}

範例：
//方法一： 可以參考下面範例
//方法二
class Car{
    constructor(color:string, engine:string){
        this.color = color ; 
        this.engine = engine ; 
    }
    color:string ;
    engine:string ;

    getColor(){
        return this.color ; 
    }

    getEngine(){
        return this.engine ; 
    }
}
export {Car}

(4) export 函式

//檔名 moduleEx.ts
//方法一
export function 函式名稱 {
   //函式內容
}
//方法二
function 函式名稱 {
   //函式內容
}
export {函式名稱}

範例：
//方法一
export function sayHello(name:string){
    console.log("Hi! "+name)
}
//方法二
function sayHello(name:string){
    console.log("Hi! "+name)
}
export {sayHello}

import 語法

當我編譯有import檔案時，編譯時也會連同import的檔案．如下面moduleImport.ts有載入moduleEx.ts時也會一起編譯．

範例： tsc moduleImport.ts

import {載入名稱1,載入名稱2,...} from './TS檔案路徑'

範例：//檔名 moduleImport.ts
import { kk,Car, sayHello} from './moduleEx'
console.log(kk)
let car = new Car("RED","HRV"); 
console.log(car.getColor()); 
console.log(car.getEngine());
sayHello("Jack");

範例結果

123
RED
HRV
Hi! Jack

第二部分：命名空間(namespace)

當未宣告命名空間類別都會放在global namespace中，當有相同類別名稱就會出現編譯錯誤．命名空間主要是解決1.有相同類別名稱的衝突問題．2.邏輯分類．下面這兩種寫法TypeScript仍都支援，但是官方比較建議用namespace的語法．

Internal Module Syntax (Old) 語法：

module 名稱{
     //定義類別
     class 類別名稱 {}

}

Namespace Syntax (New) 語法：

namespace 名稱{
     //定義類別
     class 類別名稱 {}

}

當開發時有兩個類別名稱都叫Account會員類別，這時編譯會有類別同名衝突的問題，但是在實務的功用卻不同一個Account用來紀錄公司內部員工的資料，另一個Account是用來處理約聘或是工讀生的資料，這是可以利用namespace分別宣告其命名空間為HR 和TEMP，很容易就可以分辨．

範例：

namespace HR{
    export class Account{
        name:string;
        salary_monthly:number;
        showSalary(){
            console.log(this.name+":月薪"+this.salary_monthly) ;
        }
    }
}

namespace TEMP{
    export class Account{
        name:string;
        salary_hourly:number;
        showSalary(){
            console.log(this.name+":時薪"+this.salary_hourly) ;
        }
    }
}

var acc01 = new HR.Account() ; 
var acc02 = new TEMP.Account() ; 
acc01.name="jack" ; 
acc01.salary_monthly=100000 ;
acc02.name="blay" ; 
acc02.salary_hourly=105;
acc01.showSalary() ;
acc02.showSalary() ;

執行結果：

jack:月薪100000
blay:時薪105

參考

  1. 官方模塊說明
  2. tutorialspoint
  3. https://basarat.gitbooks.io/typescript/docs/tips/defaultIsBad.html
  4. 深入探討 TypeScript 之 Module
張貼者： 於 沒有留言:

2018年10月27日

TypeScript(5) 類別

前言

JavaScript使用函式和prototype-based的方式去實現元件化，但是會造成以後維護災難的發生，日前ES6也開始加入類別的特性，但是TypeScript一開始就有以物件導向語言去做發展．我目前覺得TypeScript發展模組開發會好管理．

類別函式宣告

語法：

class 類別名稱{
    //屬性 private|public|protect 
    修飾子  屬性名稱;

    //建構子
    constructor(){
        //內容
    }

    函式名稱(參數名稱：參數類型）：回傳類型{
        //內容
    }
}

說明：
private : 私人修飾子宣告讓外面無法直接存取該屬性
public : 公用修飾子讓外面可以直接存取該屬性
protect : 保護修飾子只能讓有繼承的類別可以存取該屬性

範例：類別宣告

class Person {
    private  name:string ;
    constructor(name:string){
        this.name = name
    }

    sayHi() {
        return `The person's name is ${this.name}`;
    }
}

let person = new Person('Jack');
console.log(person.sayHi());

輸出結果：

The person's name is Jack

繼承(Default Parameters)

TypeScript有時我們需要可以利用繼承方法來建構元件，元件的可用性更好使用．

範例：

//預設參數
class Robot extends Person{
    public talk(){
        console.log('I am a robot');
    }
}

let robot = new Robot('robot 1 ');
robot.talk() ;

輸出結果：

I am a robot

抽象(abstract)

抽象類別跟介面很像，最大部分不同地方是抽象類別只需要實作部分需告方法，如果有類別大部分方法的行為相同，但是有少部分的不同，就可以定義為抽象類別．例如：我們定義一個抽象類別為動物(Animal)，所有的動物都會靠嘴巴覓食(forage)所以可以實作相同方法，走路(walk)或是跑(run)這個方法，每個動物實作的方法不同，我們可以定義成抽象函式，舉例狗是用四隻腳走路，跑也是，但是鳥走路可能是用跳;跑步可能是用飛．

範例：

abstract class Animal{
    type:string ;
    forage():void{
        console.log(this.type+"吃飯")
    }

    abstract walk(); //抽象函式
    abstract run();  //抽象函式
}

class Bird extends Animal{
    constructor(type:string){
        super();
        this.type = type;
    }

    walk() {
        console.log(this.type+"用跳的")
    }    
    run() {
        console.log(this.type+"用飛")
    }
}

class Dog extends Animal{
    constructor(type:string){
        super();
        this.type = type;
    }

    walk() {
        console.log(this.type+"用四隻腳走路")
    }    
    run() {
        console.log(this.type+"用四隻腳跑步")
    }
}
let dog = new Dog("狗");
dog.walk();
dog.run();
let bird = new Bird("鳥");
bird.walk();
bird.run();

輸出結果：

狗用四隻腳走路
狗用四隻腳跑步
鳥用跳的
鳥用飛

介面(Interface)

在typeScript的介面是一種規格，其定義屬性和方法，跟其他語言的interface
使用情境相同，通常用來定義前端元件的介面，例如表格的欄位定義成介面，可以依照不同的需求去實作表格欄位定義，這個好處是對表格欄位來說比較好維護．

範例：

interface ICar {
    color:string; //顏色
    engine:string;//引擎
    type:string;  //型號
    speed:number; //速度

    setSpeed(speed:number) ; //設定引擎速度
}

在實作介面中，TypeScript需要重新宣告屬性一次，然後實作這個介面所定義的規格．

範例：

class HRV implements ICar{
    color: string;    
    engine: string;
    type: string;
    speed: number;
    constructor( color:string, engine:string, type:string){
        this.color = color ;
        this.engine =engine;
        this.type = type ;
    }

    setSpeed(speed: number) {
        this.speed = speed;
    }
}

var hrv :ICar = new HRV("blue","SOHC 直列 4 汽缸 i-VTEC 智慧型可變汽門正時與揚程電子控制系統","一般");

hrv.setSpeed(100);
console.log(hrv.engine);
console.log(hrv.speed);

介面繼承

介面繼承又稱介面擴充，他可以像類別一樣延展介面功能，增加元件介面的可用性．由範例知道有一個介面為Shape定義基本的顏色，Square就是延伸Shape功能增加長度和寬度．

範例：

interface Shape{
    color:string;
}

interface Square extends Shape{
    width:number;
    height:number;
}

let square = {};
square.color="blue" ;
square.width=100;
square.height=10;

參考

  1. typescript class introduction
  2. https://codeday.me/bug/20170629/33692.html
  3. https://www.youtube.com/watch?v=KXc7PzE0FZM
張貼者： 於 沒有留言:

2018年10月19日

TypeScript(3) 變數

前言

呈TypeScript(2) 資料型態提到string、number、boolean基本資料類型，本節我們開始講如何宣告這些變數和這些資料型態有什麼限制與用法．

聯集型別(Union Types)

當定義的變數資料型態可能會有多個資料型態，我們可以使用聯集類型語法（“｜”），將不同資料類型做聯集分配．聯集型別的好處是讓我們更靈活使用資料型態指派．

語法：

//可以定義不同資料型態，使用“｜”區分就可以
let myVar : string|number ;

範例

let myVar : string|number ; 

myVar="Hello";     //編譯成功
myVar=1234;       //編譯成功
myVar=true;  // 'boolean' only refers to a type, but is being used as a value here.

//多個資料類型作聯集
let myMessage: string|number|boolean;
myMessage="Hello";
myMessage=1234;
myMessage=true;

var、let、 const##

(1) var
表示預先不知道初始值使用，預設會給undefined，

語法：

var myVar ;

範例：

var value ;  // undefined
var data = 100; // 有明確定義初始值

範例：

function xy()
{
    var dataX = 10; // 在xy()裡面為全域變數10  

    if(true)
    {
        var dataY = 20;  

        console.log(dataX);  
        console.log(dataY); 
    }

    console.log(dataX); 
    console.log(dataY);  
}


結果：
10
20
10
20

hoisting問題：
當我一開始不用var宣吿變數時，在JavaScript執行時會將var data這行自動往上移動宣告．

範例：

function fun()
{
    dataX = 10;
    console.log(dataX);  //10
    var  dataX;
}
fun();

function fun()
{
    var  dataX;     // 移動到頂端宣告
    dataX = 10;
    console.log(dataX);  //10

}
fun();

(2) let
let會比var在scope更嚴謹的限制，let宣告的變數只會在{}內有效，這樣的好處是不容易變數使用上出現問題且也必須宣告才可以使用該變數，沒有Hosting問題．

語法：

var myVar ;  
function xy()
{
    let dataX = 10; // 在xy()裡面為全域變數10  

    if(true)
    {
        let dataY = 20;  

        console.log(dataX);  
        console.log(dataY); 
    }

    console.log(dataX); 
    console.log(dataY);  
}


結果：
10
20
10
undefined

(3) const
當宣告const在定義時必須有值且只能指派一次
語法：

const PI ;

範例：

const PI = "3.1415"
PI="1234"     //error

Template Strings

字串的特殊用法，可以將字串內容定義變數，分別帶入

範例：

let firstName :string ="Joe" ;
let lastName :string ="Lin" ;
let  message: string = `My name is ${firstName} ${lastName}`;

console.log(message);


結果：
My name is Joe Lin

參考

  1. unctions-rest-optional-default-params
  2. https://oomusou.io/typescript/function/
張貼者： 於 沒有留言:

2018年10月14日

TypeScript(4) 函式

前言

TypeScript函式語法優點會對資料型態做檢查，不像JavaScript那麼自由定義，你需要宣告參數的型態和回傳參數的型態．近一步會介紹rest/optional/default params 宣告方式和使用情境．

  • JavaScript需要不需要知道函數參數資料型態，但是TypeScript有需要明確定義
  • JavaScript呼叫函式參數不需要知道參數的個數， 但是TypeScript有明確定義，並提供rest/optional/default params宣告方式

基本函式宣告

TypeScript的函式宣告必須明確定義參數的資料型態、個數以及資料型態，基本上用法跟其他程式語言一樣．

語法：

function 函式名稱(參數名稱：資料型態)：回傳資料型態{
    //函式功能
}

範例：
函式宣告

let hello:string = "Hello World" ; 

//命名函式
function sayHello(message:string){
  console.log(message)
}
sayHello(hello)

//匿名函式
let anon_Hello = function(message:string):void{console.log(message)}
anon_Hello(hello);

預設參數(Default Parameters)

預設參數是當傳入 undefined 或是沒有傳入時，則會以 default parameter 取代。但是注意的地方為宣告預設參數必須在一般參數的後面，不然前面參數需要為undefined．

範例：

//預設參數
function feed(name="dog"):void{
    console.log(name);
}

feed("cat");
feed();
feed(undefined);

輸出結果：

cat
dog
dog

可選項參數(Optional Parameters)

TypeScript語法呼叫函式如果數目不正確是無法編譯，為了解決這個問題TypeScript提供optional parameters參數定義，就是你可以使用？來宣告資料型態

範例：

//可選項參數
function sayMyName(firstName:string, lastName?:string ){
    console.log(firstName+", "+lastName);
}
sayMyName("Lin");               //只傳入一個參數，編譯成功
sayMyName("Lin","Jone");      //編譯成功

輸出結果：

Lin, undefined
Lin, Jone

其餘參數(Rest Parameter)

當遇到傳入參數個數不確定時，傳統方式會使用陣列來當傳入參數；TypeScript有提供其餘參數的方式來解決傳入參數個數不確定的問題．

範例：

function sum(...values:number[] ){
    let result = 0;
    for (let val of values) {
        result += val;
    }
    return result;
}
sum();                       //編譯成功
sum(1, 2);                 //編譯成功
sum(1, 2, 3);             //編譯成功
sum(1, 2, 3, 4, 5, 6);   //編譯成功

輸出結果：

0
2
6
21

參考

  1. unctions-rest-optional-default-params
  2. https://oomusou.io/typescript/function/
張貼者： 於 沒有留言:

2018年10月12日

TypeScript(2) 資料型態

前言

本章節介紹TypeScript的資料型態，因為TypeScript超集合(superset)，所以在定義資料型態需要依照JavaScript規則．但是TypeScript提供一個強型別語法規範，在開發中大型應用上，讓JS架構在開發上或是維護上更容易找出問題．由以後的介紹可以知道TypeScript簡單來說就是將JavaScript物件化、規則化，讓他得以更好擴充、維護。

資料型態

TypeScript資料型態對應JavaScript資料型態

TypeScript JavaScript 說明 範例
boolean boolean 布林值 sex:boolean = true
number number 數值型態 total:number=100;
hex:number=0xf00d;
string string 字串型態 message:string=’今天天氣晴天’
sentence:string=這是一個句子，${message}
Array object 陣列 list:string[]=[‘a’,’b’,’c’,’d’]
Tuple boolean 類陣列但可儲存不同資料型態 item:[number,string]=[‘a’,1,’b’]
enum 無 定義常數 enum Color {a, b, c};
enum Color {a=1, b, c};
any var 定義變數時不預定資料型態 variable01: any = 4;
void undefined 僅儲存undefined或null值 value:void
const 無 定義常數 pi:const=3.1415



宣告變數語法

    變數：資料型態 ＝ 值

範例:

   num:number=100



斷言

Type assertions(斷言)
我們可以把斷言解釋成物件轉型，當有些物件/資料型態不同，可以透過斷言來改變物件/資料型態，但是當不能斷言，編譯器會出現錯誤訊息，

範例: 




var message:any ="12345678" ;

//方法一 使用尖括弧
var message_num: number = (<**number**>message).length;

//方法二 使用 as
var message_num :number =(message as **number**);







Null 與 Undefined與NaN



Null 與 Undefined 

(1) Null 

通常Null在物件導向的定義均為該物件或是屬性為空並沒有指向記憶體空間． 





//出現結果：Object
console.log(typeof null)

//出現結果：10
console.log(null+10)





(2) Undefined : 

宣告一個變數，但卻沒有指定值，在javascript 是在給值時才決定型態， 

所以預設為 undefined 未定義型態










var message
//出現結果：undefined
console.log(message)






(3)NaN 

Nan是Not an Number通常會發生在數值轉換的時候，如果轉換失敗為NaN，成功就為數值










var message="HHHH"
//出現結果：NaN
console.log(parseInt(message))
// NaN在判斷式為false
if(parseInt(message)==false){
    console.log("不為數字！")
}

//用內建的isNaN()為true
if(isNaN(parseInt(message))){
    console.log("不為數字！")
}








參考資料



    

  1. null、undefined、NaN 的差異
    2. 

  2. 了解null、undefinded、NaN
    3. 











張貼者：



於





沒有留言:
  











































TypeScript(1) 介紹











前言



相信前端開發者對typescript不陌生，TypeScript是微軟所發展開源的程式語言，主要用來開發大型前端應用平台，由Anders Hejlsberg （C#, TurboPascal 之父）所負責發展TypeScript語言專案． 





特性



我們根據Anders Hejlsberg的影片介紹大致得知TypeScript有幾種特性：



    

  • TypeScript是一種程式語言，讓Javascript發展有更好應用延伸
    • 

  • TypeScript是JavaScript的超集合，副檔名為.ts需要編譯成.js檔 
    

    • 表示JS函式庫也可以被TypeScript所使用
      • 

    • TS語法也可以兼容JS語法
      • 

    • *.ts需要編譯成.js檔，才可以瀏覽器使用
    • 

  • TypeScript是opensource
    • 

  • TypeScript遵循ECMAScript 版本標準，只要是能執行這些標準的 JavaScript 
    
引擎都支援 
    


    • 




環境建置



我主要是用visual studio code來開發TS專案，接下來會介紹如何安裝IDE、node.js和Typescript開發環境



(1)下載Visual Studio Code 

如果不是MAC版本可以按other platforms 連結會有其他版本提供選擇(Mac, Windows,Linux(.deb, .rpm的作業系統) 





(2) 下載Node.js 





(3)安裝TypeScript套件 

完成前兩項任務後，可以在Visual Studio Code下安裝TypeScript套件，用來開發 

、編譯TS腳本．



    #> sudo npm install -g typescript




(4)編譯TS檔 

以下是官方的範例，新增一個ts腳本為greeter.ts，內容如下，但是我們要使用需要把它轉成.js檔．



function sayHello(person) {
    return 'Hello, ' + person;
}
var user = 'Jack';
document.write(sayHello(user))




執行tsc指令來編譯greeter.ts檔，編譯完會產生hellow.js腳本



    > tsc greeter.ts




最後我們html將greeter.js載入，結果如下 





<html>
    <body>
    </body>
    <script src="greeter.js"></script>
</html>





結果輸出：
Hello, Jack











安裝問題



Q：安裝npm套件時，出現npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules錯誤訊息 

ANS：請在 npm install -g typescript加上sudo用root的權限執行安裝








參考



    

  1. 官方微軟介紹 
    
TypeScript https://blogs.msdn.microsoft.com/ericsk/2012/10/01/typescript/
    2. 

  2. 官方五分鐘上手 
    
https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html
    3. 











張貼者：



於





沒有留言:
  


































          

        

          

        

2018年1月3日


          

        









GSON 進階教學











GSON進階教學



完成基礎教學後，本章節教你如何處理在非正常情況下，如何完成反序列與序列動作。



    

  • 泛型轉換
    • 

  • 序列化與反序列化時，客製化輸入出JOSN字串@SerializedName
    • 

  • 忽略物件屬性輸出@Expose
    • 




泛型轉換



泛型做Json序列/反序列時，比較麻煩地方是泛型在運行期間相關的參數就會被抹除所以無法知道原來的類別。我們建立一個播放器(Play)類別，它為泛型的類型，它可撥放MP3、CD等等，所以建立一個CD媒介(CD)類別。Play使用類型為泛型T，







  物件
  屬性





  播放器 Play
  類型 type




  CD媒介 CD
  歌 songs







/**'
 *  播放器
 * @param 
 */
public class Play {
    T type ;
    public Play(T t){
        this.type = t;
     }

    @Override
    public String toString() {
        return this.type.toString();
    }
}
/**
 * CD 音樂物件
 */
public class CD {
    private List songs ;

    public CD(String ...songs){
        this.songs = new ArrayList() ;
        for(String song : songs){
            this.songs.add(song) ;
        }
    }

    @Override
    public String toString() {
        StringBuilder sb = new StringBuilder() ;
        sb.append("");
        for(String s:songs){
            sb.append(""+s+",\r\n");
        }
        sb.append("");
        return sb.toString();
    }
}




我們現在建立cd01歌曲資料，用toJson序列可以正常動作，但是要做反序列直接轉換無法正常動作，所以需要利用TypeToken來建立類型，在fromJson回傳正確類型，



public class PlayTest {

    public static void main(String[] ags){
        CD cd01 = new CD("lemon tree ","She","I want it that way");
        Play play = new Play



序列化與反序列化時，名稱不同



之前的範例都是JSON欄位名稱與物件名稱相同，如果輸入JSON欄位名稱不同時，可以利用@SerializedName去定義輸入欄位名稱，但是需要Gson 2.4 版之後開始支援的 alternate 屬性。



    

  1. 反序列與序列相同設定 
    
物件屬性可能跟JSON不一樣，如書(Book)屬性為bid，但是JSON字串欄位為bookID，這種狀況就可以使用@SerializedName(value=”bookID”)來定義接收/與輸入屬性為bookID，
    2. 




public class BookTest {

    public  static void main(String[] args){
           //input json string
        String book_json = "{\"bookID\":\"9626344946\",\"title\":\"The Moonlit Road and Other Stories\",\"author\":\" Bierce, Ambrose/ Croker, B. M./ Crawford, F. Marion/ Le Fanu, Joseph Sheridan/ Keeble, Jonathan (NRT)\"}";
        Gson gson = new Gson();
        Type type = new TypeToken(){}.getType();
        Book book = gson.fromJson(book_json,type);
        // convert Book object 
        System.out.println(book.toString()) ;
        // output json string
        System.out.println(gson.toJson(book)) ;
    }

}

/**
 * name : 書明細
 */
public class Book {
    @Expose(serialize = false, deserialize = false)
    @SerializedName(value="bookID")
    private String bid;
    private String title;
    private String author;

    public Book(String bid, String title, String author)  {
        this.bid = bid ;
        this.title = title ;
        this.author = author ;
    }

    public String getBId() {
        return bid;
    }

    public void setBId(String id) {
        this.bid = id;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getAuthor() {
        return author;
    }

    public void setAuthor(String author) {
        this.author = author;
    }

    @Override
    public String toString() {
        StringBuffer sb = new StringBuffer() ;
        sb.append("") ;
        sb.append("bid:"+bid+"\n") ;
        sb.append("title:"+title+"\n") ;
        sb.append("author:"+author+"\n") ;
        sb.append("") ;
        return sb.toString() ;
    }

}




結果: 

bid:9626344946 

title:The Moonlit Road and Other Stories 

author: Bierce, Ambrose/ Croker, B. M./ Crawford, F. Marion/ Le Fanu, Joseph Sheridan/ Keeble, Jonathan (NRT) 

 

{“bookID”:”9626344946”,”title”:”The Moonlit Road and Other Stories”,”author”:” Bierce, Ambrose/ Croker, B. M./ Crawford, F. Marion/ Le Fanu, Joseph Sheridan/ Keeble, Jonathan (NRT)”}



2.如果JSON輸出與輸入名稱不相同時，就需要alternate 來定義反序列輸入欄位名稱，如 @SerializedName(value=”bookID”, alternate = “ISBN”)，那輸入會以ISBN或是bookID為bid的欄位。



public class BookTest {

    public  static void main(String[] args){
        String book_json = "{\"ISBN\":\"9626344946\",\"title\":\"The Moonlit Road and Other Stories\",\"author\":\" Bierce, Ambrose/ Croker, B. M./ Crawford, F. Marion/ Le Fanu, Joseph Sheridan/ Keeble, Jonathan (NRT)\"}";
        Gson gson = new Gson();
        Type type = new TypeToken(){}.getType();
        Book book = gson.fromJson(book_json,type);
        System.out.println(book.toString()) ;

    }

}

/**
 * name : 書明細
 */
public class Book {
    @Expose
    @SerializedName(value="bid",alternate = "ISBN")
    private String bid;
    private String title;
    private String author;

    public Book(String bid, String title, String author)  {
        this.bid = bid ;
        this.title = title ;
        this.author = author ;
    }

    public String getBId() {
        return bid;
    }

    public void setBId(String id) {
        this.bid = id;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getAuthor() {
        return author;
    }

    public void setAuthor(String author) {
        this.author = author;
    }

    @Override
    public String toString() {
        StringBuffer sb = new StringBuffer() ;
        sb.append("") ;
        sb.append("bid:"+bid+"\n") ;
        sb.append("title:"+title+"\n") ;
        sb.append("author:"+author+"\n") ;
        sb.append("") ;
        return sb.toString() ;
    }
}




結果: 

bid:9626344946 

title:The Moonlit Road and Other Stories 

author: Bierce, Ambrose/ Croker, B. M./ Crawford, F. Marion/ Le Fanu, Joseph Sheridan/ Keeble, Jonathan (NRT) 

 

{“bookID”:”9626344946”,”title”:”The Moonlit Road and Other Stories”,”author”:” Bierce, Ambrose/ Croker, B. M./ Crawford, F. Marion/ Le Fanu, Joseph Sheridan/ Keeble, Jonathan (NRT)”}





忽略物件屬性輸出@Expose



介紹最後一種情況當JAVA物件有些敏感資料不想要輸出字串時，可以使用Gson的@Expose註解標示，提供兩種標示serialize和deserialize，預設為true，也就是當沒有定義@Expose表示都要輸出欄位。 

@Expose: serialize/deserialize預設為true







  屬性
  serialize
  deserialize





  Expose
  true
  true




  Expose
  false
  false




  Expose
  false
  true




  Expose
  true
  false







####參考資料 

  1. https://bng86.gitbooks.io/android-third-party-/content/gson.html 

 2. http://j796160836.pixnet.net/blog/post/30530326-%E7%9E%AD%E8%A7%A3json%E6%A0%BC%E5%BC%8F 

 3. http://blog.csdn.net/zzp_403184692/article/details/8266575 

 4. https://jimwayne.blogspot.tw/2016/09/gson.html










張貼者：



於





沒有留言:
  


































        

      









訂閱：
文章 (Atom)