アプリケーションの開発に使用される一般的なJavascript
15235 ワード
アプリケーション開発でよく使うJavascriptを学びましょう!ネイティブに応答して使用される構文は、既存のJavaScriptよりも含蓄があり、簡潔です.
既存の方法は関数を宣言することです. function キーワードを使用します.
矢印関数として使用(Arrow Function) 構文は宣言することもできます.
ディックバッテリから値を取り出して変数に入れる場合は、ディックバッテリのキー値を使用して割り当てる必要はありません.
最新の方法では、キーボードの感嘆符の横にあるキー「」は、+記号を必要とせずに文字列の処理を簡略化します.
また、backtic(`)では複数行の改行を自由に使用することもできます.
オブジェクト(ディックシーケンス)を作成するときに、フィールド名が置換する変数名と同じ場合は、次のコードを記述できます. key: value シェイプに変数名を作成するだけで、変数名と同じフィールドを作成し、その値を代入できます.
リスト(配列)を巡回して値を取り出して検証する場合、次のfor replication文が使用されます.
mapはリストの長さの値を知る必要はありません.逆に、リストのいくつかの値の順序を教えてくれます.
特定のファイルで定義された値、関数、またはバイナリ・ファイルは、別のJavaScriptファイルによって呼び出されます.使用するコンセプトはモジュールシステムです.
exportは、JavaScriptの値、関数、バイナリ(オブジェクト)、またはJavaScriptファイル自体を外部にエクスポートするキーワードです.
importはキーワードですが、逆にJavaScriptファイルにインポートされます.
外部へのエクスポートは外部からの書き込みの準備を意味し、内部へのインポートは外部へのエクスポートを意味します.
例えばutil.jsファイルがあると仮定します.このファイルでは、以下に示すように、関数の前に2つの関数が宣言されています.この2つの関数は、同じフォルダ行にあるファイルで使用できます. 次は外部のindexです.jsファイルでutil.jsからエクスポートされた関数を使用します.このようにexport defaultと宣言された関数は、ファイル内で一意である必要があり、インポート時に異なる名前を使用することができます.
矢印関数
既存の方法は関数を宣言することです. function キーワードを使用します.
矢印関数として使用(Arrow Function) 構文は宣言することもできます.
//기존 방식
let a = function() {
console.log("function");
}
a();
//최신 방식
let a = () => {
console.log("arrow function");
}
a();.
非構造割り当て
ディックバッテリから値を取り出して変数に入れる場合は、ディックバッテリのキー値を使用して割り当てる必要はありません.
//객체
let blog = {
owner : "noah",
url : "noahlogs.tistory.com",
getPost() {
console.log("ES6 문법 정리");
}
};
//기존 할당 방식
let owner = blog.owner
let getPost = blog.getPost()
//비구조 할당 방식
let { owner, getPost } = blog;
//각각 blog 객체의 owner , getPost() 의 데이터가 할당
//blog의 키 값과 이름이 같아야 해요!
//(예 - owner가 아니라 owner2를 넣어보세요! 아무것도 안 들어온답니다.)
//함수에서 비구조 할당 방식으로 전달된 딕셔너리 값 꺼내기
let blogFunction = ({owner,url,getPost}) => {
console.log(owner)
console.log(url)
console.log(getPost())
}
blogFunction(blog)
異種
最新の方法では、キーボードの感嘆符の横にあるキー「」は、+記号を必要とせずに文字列の処理を簡略化します.
また、backtic(`)では複数行の改行を自由に使用することもできます.
const id = "myId" ;
const url = `http://noahlog.tistory.com/login/${id}` ;
const message = "줄바꿈을 하려면 \n 이 기호를 써야 했죠!"
const message = ` 줄바꿈도 마음대로
사용이 가능합니다. `
オブジェクト範囲の
オブジェクト(ディックシーケンス)を作成するときに、フィールド名が置換する変数名と同じ場合は、次のコードを記述できます.
//기존 방식
var name = "스파르타";
var job = "developer";
var user = {
name: name,
job: job
}
console.log(user);
//{name: "스파르타", job: "developer"}
//최신 방식
var name = "스파르타";
var job = "developer";
var user = {
name,
job
}
console.log(user);
//{name: "스파르타", job: "developer"}
map
リスト(配列)を巡回して値を取り出して検証する場合、次のfor replication文が使用されます.
let numbers = [1,2,3,4,5,6,7];
for(let i=0; i<numbers.length; i++){
console.log(numbers[i]);
}
そのためには、リストの長さの値を知る必要があります.mapはリストの長さの値を知る必要はありません.逆に、リストのいくつかの値の順序を教えてくれます.
let numbers = [1,2,3,4,5,6,7];
numbers.map((value,i) => {
console.log(value,i)
})
//1 0
//2 1
//3 2
//4 3
//5 4
//6 5
//7 6
module system
特定のファイルで定義された値、関数、またはバイナリ・ファイルは、別のJavaScriptファイルによって呼び出されます.使用するコンセプトはモジュールシステムです.
exportは、JavaScriptの値、関数、バイナリ(オブジェクト)、またはJavaScriptファイル自体を外部にエクスポートするキーワードです.
importはキーワードですが、逆にJavaScriptファイルにインポートされます.
外部へのエクスポートは外部からの書き込みの準備を意味し、内部へのインポートは外部へのエクスポートを意味します.
例えばutil.jsファイルがあると仮定します.
//times, plusTwo 함수를 외부로 내보낼 준비를 합니다.
export function times(x) {
return x * x;
}
export function plusTwo(number) {
return number + 2;
}
import { times, plusTwo } from './util.js';
console.log(times(2));
console.log(plusTwo(3));
今回はutiljsファイルに関数の前にexport defaultキーワードがあると仮定します.また,コードの下部のように作成した関数名はtimesであるが,インポート時はkである.// in util.js
export default function times(x) {
return x * x;
}
// in app.js
import k from './util.js';
console.log(k(4)); // returns 16
Reference
この問題について(アプリケーションの開発に使用される一般的なJavascript), 我々は、より多くの情報をここで見つけました https://velog.io/@jisoolee11/앱개발에-자주-쓰이는-Javascriptテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol