花了鐵人賽 1/3 篇數都在講 pure function，這一篇就帶到實務來玩一下選擇題之哪些是 pure/impure function 吧

var xs = [1,2,3,4,5]

/* 1) -------*/
xs.slice(0,3) //=> [1,2,3]
xs.slice(0,3) //=> [1,2,3]
xs.slice(0,3) //=> [1,2,3]

/* 2)-------- */
xs.splice(0,3) //=> [1,2,3]
xs.splice(0,3) //=> [4,5]
xs.splice(0,3) //=> []

1 ) ✅ Pure

2 ) ❌ Impure ，xs 會改變 (mutable) 而導致 side Effect

/* 1) -------*/
const toSlug = (title) => {
    const urlFriendly = title.replace(/\W+/ig, '-')
    if(urlFriendly.length < 1) {
        throw new Error('is bad')
    }
    return urlFriendly
}

/* 2)-------- */
const toSlug = (title) => {
    return new Promise((res, rej) => {
        const urlFriendly = title.replace(/\W+/ig, '-')
 
        if(urlFriendly.length < 1) {
            rej(new Error('is bad'))
        }
        return res(urlFriendly)
    })
}

1 ) ❌ Impure ， throw new Error 會有 Side Effect

2 ) ✅ Pure: return error as a value

/* 1) -------*/                                                                                                                                                                         
const signUp = (attrs, fn) => {
    return () => {
        let user = saveUser(attrs)
        fn(user)
    }
}

/* 2) -------*/                                                                                                                                                                      
const signUp = (attrs) => {
    let user = saveUser(attrs)
    welcomeUser(user)
}

1 ) ✅ Pure

2 ) ❌ Impure ，沒有回傳 return

/* 1) -------*/     
const birthday = user => {                                                                                                                                                   
    user.age += 1;                                                                                                                                                                  
    return user;                                                                                                                                                                    
}

/* 2) -------*/ 
const shout = word =>
    word.toUpperCase().concat("!")

/* 3) -------*/ 
const headerText = header_selector =>
    querySelector(header_selector).text()

/* 4) -------*/ 
const parseQuery = () =>
    location.search.substring(1).split('&').map(x => x.split('='))

/* 5) -------*/ 
var parseQueryString = function(queryString) {                           
    var params = {}, queries, temp, i, l;                                  
 
    queries = queryString.split("&");                                      
 
    for ( i = 0, l = queries.length; i < l; i++ ) {                        
        temp = queries[i].split('=');                                      
        params[temp[0]] = temp[1];                                         
    }                                                                      
 
    return params;                                                         
};

1 ) ❌ Impure: 改了 user.age

2 ) ✅ Pure

3 ) ❌ Impure : 因為他有讀取到外部，若有天外部資料不同就會有不同 output

4 ) ❌ Impure : 有用到 location.search

5 ) ✅ Pure: 雖然裡面做了很多 mutation 的事，但他還是秉持 same input, same output 原則

參考文章

• Hardcore Functional Programming in JavaScript, v2

如有錯誤或需要改進的地方，拜託跟我說。
我會以最快速度修改，感謝您

歡迎追蹤我的部落格，除了技術文也會分享一些在矽谷工作的甘苦。