Javascript機能豊富
10582 ワード
◇矢印関数
// 기존방식
function sum(num1, num2) {
console.log('num1: ', num1, ', num2: ', num2);
return num1 + num2;
}
// 화살표 함수
let sum = (num1,num2) => {
console.log('num1: ', num1, ', num2: ', num2)
return num1 + num2;}
sum(2,3)
◇非構造配分方式
let blog = {
owner : "noah",
url : "noahlogs.tistory.com",
getPost() {
console.log("ES6 문법 정리");
}
};
//기존방법
let owner = blog.owner
let getPost = blog.getPost()
// 비구조 할당방식
let { owner, getPost } = blog;
console.log(owner) //noah
◇文字(`使用)
const id = "myId" ;
const url = `http://noahlog.tistory.com/login/${id}` ;
const message01 = "줄바꿈을 하려면 \n 이 기호를 써야 했죠!"
const message02 = ` 줄바꿈도 마음대로
사용이 가능합니다. `
◇対象共通
var name = "스파르타";
var job = "developer";
// 기존방식
var user = {
name: name,
job: job
}
// 객체 리터럴
var user = {
name,
job
}
◇map-繰り返し文の別の方法
// 기존방식
let numbers = ['가','나','다','라'];
for(let i=0; i<numbers.length; i++){
console.log(numbers[i]);
}
// map 반복문
let numbers = ['가','나','다','라'];
numbers.map((value,i) => {
console.log(value,i)
})
//가 0
//나 1
//다 2
//라 3
◎ export, import
// 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/@gwichanlee/Javascript-다양한-기능テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol