[Elm] Functions in Elm

Posted Answer1215

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[Elm] Functions in Elm相关的知识,希望对你有一定的参考价值。

Functions are an important building block in Elm. In this lesson we will review stateless functions, function composition, anonymous functions, Currying, and more.

 

Write Pure function:

import Htrml exposing (text)

main = 
    view "Hello World"

view message = 
    text message

We created a function call \'view\', and pass the value ("Hello World") to \'message\' param.

And inside view function, we output message value.

 

Add type:

import Htrml exposing (text)

main = 
    view "Hello World"

view: String -> html msg
view message = 
    text message

For view function, we add \':String\' to say the input value should be a string type.

If we change type to "Int":

It will output the error message on the screen.

 

Function execute from inside to outside:

import Html exposing (Html, text)
import String

main = 
 view "Hello World!!!"

view: String -> Html msg
view message =
 text (String.repeat 3((String.toUpper message)))

Output:

HELLO WORLD!!!HELLO WORLD!!!HELLO WORLD!!!

 

Forward:

import Html exposing (Html, text)
import String

main = 
 view "Hello World!!!"

view: String -> Html msg
view message =
 --text (String.repeat 3((String.toUpper message)))
 message
  |> String.toUpper
  |> String.repeat 3
  |> text

\'|>\' fowards symbol, so the message will go thought \'toUpper\' --> \'repeat 3\' --> text.

 

The \'repeat 3\': Since we only provide the first value, it returns a function instead of a value. When two upper is evaluated, the message is being passed in. Finally, a value is returned and passed to the next line. This is known as currying. 

Then later, we can provide the rest of the parameters. This really helps us to build new functions from others.

For example, let\'s replace repeat with a function of our own creation called triple.

import Html exposing (Html, text)
import String

main = 
 view "Hello World!!!"

triple: String -> String
triple =
 -- repeat : Int --> String -> String  repeat function take int and string param and return string
 String.repeat 3

view: String -> Html msg
view message =
 --text (String.repeat 3((String.toUpper message)))
 message
  |> String.toUpper
  |> triple
  |> text

 

Let\'s add an anonymous function to add a comma and a space between each repetition. Anonymous functions begin with a back slash. 

We define str to take the value being passed in from the previous line. We use the double plus or string concatenation operator to add a comma and a space.

import Html exposing (Html, text)
import String

main =
 view "Hello World"

triple: String -> String
triple =
 -- repeat : Int --> String -> String  repeat function take int and string param and return string
 String.repeat 3

view: String -> Html msg
view message =
 --text (String.repeat 3((String.toUpper message)))
 message
  |> String.toUpper
  |> \\str -> str ++ ", "
  |> triple
  |> text

 

以上是关于[Elm] Functions in Elm的主要内容,如果未能解决你的问题,请参考以下文章

ELM分类基于matlab遗传算法优化ELM神经网络数据分类含Matlab源码 2138期

CSS3个人盲点总结总结中..........

使用 RxJS 实现一个简易的仿 Elm 架构应用

SpaceVim 语言模块 elm

函数式编程中的战斗机--elm编写实例(薛定鄂的猫)

Haskell Scotty 和 Elm Http NetworkError