{"id":375146,"date":"2024-05-21T06:17:17","date_gmt":"2024-05-21T06:17:17","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=375146"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=375146","title":{"rendered":"\u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 GopherJS \u0432 Golang<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n

\u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440!<\/p>\n

GopherJS<\/strong> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442\u044c Go-\u043a\u043e\u0434 \u0432 JavaScript \u2014 \u043e\u043d \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0443\u044e \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c \u0441 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e\u043c \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Go. \u0422\u0430\u043a\u0436\u0435 Gopher \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0433\u043e\u0440\u0443\u0442\u0438\u043d\u044b \u0438 \u043a\u0430\u043d\u0430\u043b\u044b!<\/p>\n

\u0412 \u0441\u0442\u0430\u0442\u044c\u0435 \u0432 \u043e\u0431\u0449\u0438\u0445 \u0434\u0435\u0442\u0430\u043b\u044f\u0445 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u044d\u0442\u0443 \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443.<\/p>\n

\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c:<\/p>\n

go get -u github.com\/gopherjs\/gopherjs<\/code><\/pre>\n
\u041e\u0441\u043d\u043e\u0432\u044b \u0440\u0430\u0431\u043e\u0442\u044b<\/h4>\n
gopherjs build<\/code> — \u0441 \u044d\u0442\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u043c\u043e\u0436\u043d\u043e \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c Go-\u043a\u043e\u0434 \u0432 JavaScript. \u041e\u043d\u0430 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 go build<\/code>, \u043d\u043e \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 Go \u043e\u043d\u0430 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0444\u0430\u0439\u043b .js<\/code>. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n
package main  import \"github.com\/gopherjs\/gopherjs\/js\"  func main() {     js.Global.Get(\"document\").Call(\"write\", \"\u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440!\") }<\/code><\/pre>\n
\u0414\u043b\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 \u044d\u0442\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0432 JavaScript:<\/p>\n
gopherjs build main.go<\/code><\/pre>\n
\u042d\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u0444\u0430\u0439\u043b main.js<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043a HTML-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.<\/p>\n
gopherjs install<\/code> \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u0430 gopherjs build<\/code>, \u043d\u043e \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0444\u0430\u0439\u043b\u0430 JavaScript \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435, \u043e\u043d\u0430 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0435\u0433\u043e \u0432 $GOPATH\/bin<\/code> \u0438\u043b\u0438 $GOBIN<\/code>.<\/p>\n
syscall\/js<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 Go-\u043a\u043e\u0434\u0443 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441 JavaScript \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c\u0438 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435.<\/p>\n
\u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043d\u0430 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u044d\u0442\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443:<\/p>\n
package main  import (     \"syscall\/js\" )  func main() {     \/\/ \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 DOM     document := js.Global().Get(\"document\")     header := document.Call(\"getElementById\", \"header\")      \/\/ \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430     header.Set(\"innerHTML\", \"\u041d\u043e\u0432\u044b\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a\") }<\/code><\/pre>\n
\u041a\u043e\u0434 \u043d\u0430 Go \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441 GopherJS \u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0441 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u043c header<\/code> \u043d\u0430 «\u041d\u043e\u0432\u044b\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a»<\/em>:<\/p>\n
\u041c\u043e\u0436\u043d\u043e \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u044f DOM, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0432\u044b\u0437\u043e\u0432\u0430:<\/p>\n
package main  import (     \"syscall\/js\" )  func main() {     document := js.Global().Get(\"document\")     button := document.Call(\"getElementById\", \"myButton\")          clickFunc := js.FuncOf(func(this js.Value, args []js.Value) interface{} {         js.Global().Get(\"console\").Call(\"log\", \"\u041a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430\u0436\u0430\u0442\u0430!\")         return nil     })          button.Call(\"addEventListener\", \"click\", clickFunc)     defer clickFunc.Release() \/\/ \u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043f\u0430\u043c\u044f\u0442\u0438 }<\/code><\/pre>\n
\u0412 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043a \u043a\u043d\u043e\u043f\u043a\u0435, \u0438 \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u043c \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043a\u043d\u043e\u043f\u043a\u0438 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u044c \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 «\u041a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430\u0436\u0430\u0442\u0430!»<\/em>.<\/p>\n
\u041c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e GopherJS, \u0433\u0434\u0435 \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0431\u0443\u0434\u0435\u0442 \u0434\u0432\u0438\u0433\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438 \u0432\u043f\u0440\u0430\u0432\u043e \u0438 \u0432\u043b\u0435\u0432\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0435:<\/p>\n
package main  import (     \"syscall\/js\"     \"math\"     \"time\" )  func main() {     window := js.Global()     document := window.Get(\"document\")     body := document.Get(\"body\")      \/\/ \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 div \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0435\u0433\u043e \u0432 \u0442\u0435\u043b\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430     div := document.Call(\"createElement\", \"div\")     div.Set(\"innerHTML\", \"\u0410\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a\")     div.Get(\"style\").Set(\"position\", \"absolute\")     div.Get(\"style\").Set(\"top\", \"40px\")     div.Get(\"style\").Set(\"width\", \"100px\")     div.Get(\"style\").Set(\"height\", \"100px\")     div.Get(\"style\").Set(\"backgroundColor\", \"red\")     body.Call(\"appendChild\", div)      startTime := time.Now()      \/\/ \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430     var updatePosition js.Func     updatePosition = js.FuncOf(func(this js.Value, args []js.Value) interface{} {         \/\/ \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u043f\u0440\u043e\u0448\u0435\u0434\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f         elapsed := time.Since(startTime).Seconds()          \/\/ \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u043d\u043e\u0432\u0443\u044e \u043f\u043e\u0437\u0438\u0446\u0438\u044e, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0441\u0438\u043d\u0443\u0441\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0432\u043b\u0435\u0432\u043e \u0438 \u0432\u043f\u0440\u0430\u0432\u043e         left := 150 + 100*math.Sin(elapsed)          \/\/ \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430         div.Get(\"style\").Set(\"left\", js.ValueOf(left).String()+\"px\")          \/\/ \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u0430\u0434\u0440 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438         window.Call(\"requestAnimationFrame\", updatePosition)         return nil     })      \/\/ \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e     window.Call(\"requestAnimationFrame\", updatePosition)     defer updatePosition.Release() \/\/ \u041e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0430\u0435\u043c \u0440\u0435\u0441\u0443\u0440\u0441\u044b }<\/code><\/pre>\n
\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 React \u0438\u043b\u0438 Angular <\/h4>\n
\u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0438\u0434\u0435\u044f \u0432 \u0442\u0430\u043a\u043e\u0439 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u0442\u044c \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 Go, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 GopherJS \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442 \u0432 JS, \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u044b\u0439 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441 React \u0438\u043b\u0438 Angular. \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 React.<\/p>\n
\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u043c \u044e\u0437\u0430\u0442\u044c \u043f\u0430\u043a\u0435\u0442myitcv.io\/react<\/code>:<\/p>\n
package main  import (     \"github.com\/gopherjs\/gopherjs\/js\"     \"myitcv.io\/react\" )  type HelloMessage struct {     react.ComponentDef }  func (h *HelloMessage) Render() *js.Object {     return react.JSX(\"div\", nil, \"Hello \", h.Props().Get(\"name\")) }  func main() {     js.Global.Set(\"HelloMessage\", react.CreateFactory(new(HelloMessage))) }<\/code><\/pre>\n
\u0412 HTML \u0444\u0430\u0439\u043b\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u044b\u0439 React-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043a\u043e\u0434 \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d GopherJS:<\/p>\n
<!DOCTYPE html> <html> <head>     <meta charset=\"UTF-8\">     <title>React with GopherJS<\/title> <\/head> <body>     <div id=\"app\"><\/div>     <script src=\"your_compiled_gopherjs_script.js\"><\/script>     <script>         ReactDOM.render(             React.createElement(HelloMessage, {name: \"World\"}),             document.getElementById('app')         );     <\/script> <\/body> <\/html><\/code><\/pre>\n
\u0414\u0430\u043b\u0435\u0435 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u0434 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e GopherJS \u0432\u0438\u0434\u0438\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<\/p>\n
\u041d\u0430\u0441\u0447\u0435\u0442 \u0433\u043e\u0440\u0443\u0442\u0438\u043d \u0438 \u043a\u0430\u043d\u0430\u043b\u043e\u0432<\/h4>\n
\u0413\u043e\u0440\u0443\u0442\u0438\u043d\u044b \u0432 GopherJS \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0438\u0445 \u0440\u0430\u0431\u043e\u0442\u0435 \u0432 Go, \u0441 \u043d\u0438\u043c\u0438 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e:<\/p>\n
package main  import ( \"github.com\/gopherjs\/gopherjs\/js\" \"time\" )  func printNumbers() { for i := 1; i <= 5; i++ { js.Global.Get(\"console\").Call(\"log\", i) time.Sleep(time.Millisecond * 300) } }  func main() { go printNumbers()  for i := 6; i <= 10; i++ { js.Global.Get(\"console\").Call(\"log\", i) time.Sleep(time.Millisecond * 300) } }<\/code><\/pre>\n
\u0424\u0443\u043d\u043a\u0446\u0438\u044f printNumbers<\/code> \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0441\u044f \u043a\u0430\u043a \u0433\u043e\u0440\u0443\u0442\u0438\u043d\u0430.<\/p>\n
\u041a\u0430\u043d\u0430\u043b\u044b \u0432 GopherJS \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043e\u0431\u043c\u0435\u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043c\u0435\u0436\u0434\u0443 \u0433\u043e\u0440\u0443\u0442\u0438\u043d\u0430\u043c\u0438:<\/p>\n
package main  import ( \"github.com\/gopherjs\/gopherjs\/js\" )  func sendToChannel(ch chan int) { for i := 1; i <= 5; i++ { ch <- i js.Global.Call(\"setTimeout\", js.MakeFunc(func(this js.Value, args []js.Value) interface{} { return nil }), 300) } close(ch) }  func main() { ch := make(chan int)  go sendToChannel(ch)  for value := range ch { js.Global.Get(\"console\").Call(\"log\", value) } }<\/code><\/pre>\n
\u0424\u0443\u043d\u043a\u0446\u0438\u044f sendToChannel<\/code> \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0447\u0438\u0441\u043b\u0430 \u043e\u0442 1 \u0434\u043e 5 \u0432 \u043a\u0430\u043d\u0430\u043b, \u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f main<\/code> \u0447\u0438\u0442\u0430\u0435\u0442 \u044d\u0442\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f. \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043a\u0430\u043d\u0430\u043b\u0430 \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432\u0441\u0435\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043e \u0446\u0438\u043a\u043b \u0432 main<\/code> \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\n
\u0421\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0433\u043e\u0440\u0443\u0442\u0438\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0442\u0430\u043a\u0436\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0430 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c sync.WaitGroup<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0434\u043e\u0436\u0434\u0430\u0442\u044c\u0441\u044f \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u0441\u0435\u0445 \u0433\u043e\u0440\u0443\u0442\u0438\u043d:<\/p>\n
package main  import ( \"github.com\/gopherjs\/gopherjs\/js\" \"sync\" )  func performTask(id int, wg *sync.WaitGroup) { defer wg.Done() js.Global.Get(\"console\").Call(\"log\", \"Task\", id, \"started\") js.Global.Call(\"setTimeout\", js.MakeFunc(func(this js.Value, args []js.Value) interface{} { js.Global.Get(\"console\").Call(\"log\", \"Task\", id, \"completed\") return nil }), 1000*id) }  func main() { var wg sync.WaitGroup wg.Add(3) for i := 1; i <= 3; i++ { go performTask(i, &wg) } wg.Wait() js.Global.Get(\"console\").Call(\"log\", \"All tasks completed\") }<\/code><\/pre>\n
\u0422\u0435\u0441\u0442\u044b<\/h4>\n
\u041c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c QUnit \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 GopherJS QUnit bindings. \u041f\u043e\u0441\u043b\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0442\u0435\u0441\u0442\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Agouti<\/a>, \u043e\u043d\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u043e\u043c \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0430 \u043d\u0443\u0436\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0438 \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b.<\/p>\n
\u041f\u0440\u0438\u043c\u0435\u0440:<\/p>\n
package main  import ( \"github.com\/sclevine\/agouti\" \"log\" )  func main() { driver := agouti.ChromeDriver() if err := driver.Start(); err != nil { log.Fatalf(\"Failed to start driver: %v\", err) } page, err := driver.NewPage() if err != nil { log.Fatalf(\"Failed to open page: %v\", err) }  if err := page.Navigate(\"http:\/\/localhost:10000\"); err != nil { log.Fatalf(\"Failed to navigate: %v\", err) }  \/\/ \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f Agouti \u043c\u0435\u0442\u043e\u0434\u044b passed, err := page.Find(\"#test-result\").Text() if err != nil { log.Fatalf(\"Failed to find test results: %v\", err) }  log.Println(\"Test passed:\", passed) }<\/code><\/pre>\n
\u0414\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0433\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f GopherJS \u043a\u043e\u0434\u0430, \u043c\u043e\u0436\u043d\u043e \u044e\u0437\u0430\u0442\u044c \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0439 \u043f\u0430\u043a\u0435\u0442 testing<\/code> \u0432 Go. \u041f\u0438\u0448\u0435\u043c \u0442\u0435\u0441\u0442\u044b \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0438 \u0434\u043b\u044f \u043e\u0431\u044b\u0447\u043d\u044b\u0445 Go \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u043d\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0438\u0445 \u0447\u0435\u0440\u0435\u0437 GopherJS: <\/p>\n
package main  import \"testing\"  func TestExample(t *testing.T) { expected := \"Hello, GopherJS\" result := MyFunction() if result != expected { t.Errorf(\"Test failed, expected '%s', got '%s'\", expected, result) } }<\/code><\/pre>\n
\u0417\u0430\u0442\u0435\u043c \u044d\u0442\u043e\u0442 \u0442\u0435\u0441\u0442 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043c\u0430\u043d\u0434\u044b gopherjs test<\/code>.<\/p>\n
\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0439 \u0441 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 \u043c\u043e\u0436\u043d\u043e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0437\u0434\u0435\u0441\u044c.<\/a><\/p>\n\n
\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043a\u0443\u0440\u0441\u0430 OTUS «Golang Developer. Professional» \u043f\u0440\u043e\u0439\u0434\u0443\u0442 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0443\u0440\u043e\u043a\u0438, \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c:<\/p>\n