(+ 1 2 3 4 5 6 6 23 4 2 3 4 2 34 23 4 235 23 42 35 23 42 34 2342 34 23 4 23 42 3) => 3031이렇게 하는 것
(defn check [student] (str student " check!")) (defn attendance-check [& students] (map check students)) (attendance-check "Kim" "Nam" "Park")이러면 여러개의 일을 할 수 있다. 간단하지 않은가?
(defn no-params
[]
"I take no parameters!")
(defn one-param
[x]
(str "I take one paramter: " x))
(defn two-params
[x y]
(str "Two parameters! That's nothing! Pah! I will smooth them "
"together to spite you! " x y))
매개변수가 0인 것, 1개인 것, 2개인 것을 나열했다. 클로저의 함수는 개수 덧쓰기(arity overloading)를 지원한다. 즉, 인자 개수에 따라 서로 다른 함수 몸체가 실행되는 함수를 만들 수 있다는 것이다.
(defn multi-arity
;; 3개의 인자와 함수 몸체
([first-arg second-arg third-arg]
(do-things first-arg second-arg third-arg))
;; 2개
([first-arg second-arg]
(do-things first-arg second-arg))
;; 1
([first-arg]
(do-things first-arg)))
한번 만들어보자.
(defn slap ([name sound]
(str name "에게 뺨을 때렸더니? " sound "! 소리가 났다."))
([name]
(str name "에게 뺨을 딱!")))
> (slap "you")
"you에게 뺨을 딱!"
> (slap "you" "BBAK!")
"you에게 뺨을 때렸더니? BBAK!! 소리가 났다."
느낌이 오는가?? 그냥 오버로딩 한다 생각하고 괄호로 만들면 된다.
((or + -) 1 2 3)(or + -)가 +를 반환하기 때문에 이 식의 답은 6이 된다. 다른 예도 보자.
((and (= 1 1) +) 1 2 3) ((first [+ 0]) 1 2 3)정말 신기 하지 않은가???
(1 2 3 4)
("test" 1 2 3)
java.lang.ClassCastException: java.lang.String cannot be cast to clojure.lang.IFn
이 에러는 함수가 아닌 것을 함수처럼 쓰려고 할 때 나오는 문장이다.
함수를 인자로 취하거나 함수를 반환하는 함수를 고차원함수(higher-order function)라고 부른다.(inc 1.1) (map inc [0 1 2 3])map함수는 집합의 각원소([0 1 2 3])에 주어진 함수(inc)를 적용하여 새로운 목록을 만든다. 클로저가 일등급 함수를 지원하기 때문에 이를 지원하지 않는 다른 언어에 비해 훨씬 강력한 추상화가 가능하다(고 한다...).
#{:a :b :c}
(hash-set 1 2)
=> #{1 2}
(conj #{1 2} 2)
=> #{1 2}
(set [3 3 4 2 3])
=> #{2 3 4}
(contains? #{:a :b} :a)
=> true
(contains? #{:a :b} 3)
=> false
(contains? #{nil} nil)
=> true
(:a #{:a :b})
=> :a
(get #{:a :b} :a)
=> :a
'(1 2 3 4) => (1 2 3 4)
(nth '(:a :b :c) 0) => :a
(conj '(1 2 3) 4) => (4 1 2 3)
[3 2 1]
(get [3 2 1] 0) => 3
(vector 3 2 1) => [3 2 1]
(conj [1 2 3] 4) => [1 2 3 4]
function addPerson(first, last) {/*...*/}
갑자기 생일, 성별, 주소 도 저장해야 한다고 한다.(게다가 선택적으로) 선택적으로 저장하는 것을 모르겠고 일단 매개변수를 추가해보자.
function addPerson(first, last, dob, gender, address) {/*...*/} //선택적인 매개변수는 일부러 뒤에 적었다.
함수가 좀 길어졌다. 그런데 username은 필수로 저장해야 한다고 전화가 왔다. 이제 함수를 호출할 때는 필수로 써야 하는 것, 선택적인 매개변수, 그리고 매개변수의 순서... 점점 많아지고 복잡해진다.
addPerson("Younghwan", "Nam", new Date(), null, null, "myID");
많은 수의 매개변수는 참 불편하다. 모든 매개변수를 하나의 객체로 만들어 전달하는 것이 더 낫다. 이 객체를 설정(configuration)을 뜻하는 conf라고 해보자.
var conf = { username: "myID", first: "Bruce", last: "Wayne" };
addPerson(conf);
이 패턴은 함수가 DOM 엘리먼트를 생성할 때, 엘리먼트의 CSS스타일을 지정할 때 유용하다. 엘리먼트와 스타일은 많은 수의 어트리뷰트와 프로퍼티를 가지며 대부분은 선택적인 값이기 때문이다.
One fundamental inference rule is modus ponens. This rule says that if P is true and P ⇒ Q is true, then Q is also true. Inference rules are sometimes written in a funny notation.
Modus ponens is closely related to the proposition (P ∧(P ⇒ Q)) ⇒ Q. Both in some sense say, "if P and P ⇒ Q are true, then Q is true". This proposition is an example of tautology, because it is true for eery setting of P and Q. The difference is that this tautology is a single proposition, whereas modus ponens is an inference rule that allows us to deduce new propositions from old ones. However, if we accept modus ponens then a eneral theorem of logic says that for each tautological implication there is an associated inference rule.예를들어 ((P ⇒ Q) ∧ (Q ⇒ R)) ⇒ (P ⇒ R) and ((P ⇒ Q) ∧ ¬Q) ⇒ ¬P 둘다 tautologies(동어반복, 항진식)이다. 말로 풀어쓰면 P가 Q이고, Q가 R이라면, P는 R이다. 은 P가 Q이고 Q가 R이 아니라면(false라면) P는 R이 아니다(false다)라는 말과 동일하다.
function func(a, b, c) {}
console.log(func.length); // 3
언제들지 함수에 사용자 정의 프로퍼티를 추가할 수 있다. 함수에 프로퍼티를 추가하여 결과(반환 값)을 캐시하면 다음 호출 시섲ㅁ에 복잡한 연산을 반복하지 않을 수 있다. 이런 방법을 메모이제이션 패턴이라고 한다.
var myFunc = function(param) {
if (!myFunc.cache[param]) {
var result = {};
//... 비용이 많이 드는 수행 ...
myFunc.cache[param] = result;
}
return myFunc.cache[param];
};
//캐시 저장공간
cache 프로퍼티는 함수로 전달된 param 매개변수를 키로 사용하고 계산의 결과를 값으로 가지는 객체(해시)다. 위 코드의 문제는 myFunc함수가 단 하나의 매개변수를 받는다고 가정하고 있다. 게다가 이 매개변수는 문자열과 같은 원시 데이터 타입이라고 가정한다. var myFunc = function() {
var cachekey = JSON.stringify( Array.prototype.slice.call(arguments)),
result;
if (!myunc.cache[cachekey]) {
result = {};
//비용이 많이 드는 수행...
myFunc.cache[cachekey] = result;
}
};
// 캐시 저장공간
myFunc.cache = {};
직렬화하면 객체를 식별할 수 없게 되는 것을 주의하라. 만약 같은 프로퍼티를 가지는 두 개의 다른 객체를 직렬화하면, 이 두 객체는 같은 캐시 항목을 공유하게 될 것이다.var myFunc = function (param) {
var f = arguments.callee,
result;
if (!f.cache[param]) {
result = {};
//...비용이 많이 드는 수행...
f.cache[param] = result;
}
return f.cache[param];
};
// 캐시 저장공간
myFunc.cache = {};
};
({
//여기에 설정 값들을 정의한다.
maxwidth: 600,
maxheight: 400,
//메서드도 정의할 수 있다.
gimmeMax: function() {
return this.maxwidth + 'x' + this.maxheight;
},
// 초기화
init: function() {
console.log(this.gimmeMax());
//초기화작업실시...
}
}).init();
//변경 이전
var utils = {
addListener: function(el, type, fn) {
if (typeof window.addEventListener === 'function') {
el.addEventListener(type, fn, false);
} else if (typeof document.attachEvent === 'function') {
el.attachEvent('on' + type, fn);
} else { // 구형의 브라우저
el['on' + type] = fn;
}
},
removeListener: function(el, type, fn) {
// 거의 동일한 코드
}
};
이 코드는 약간 비효율적이다. utils.addListener()나 utils.removeListener()를 호출할 때마다 똑같은 확인 작업을 반복해서 실행한다.
// 변경 이후
// 인터페이스
var utils = { addListener: null, removeListener: null};
// 구현
if (typeof window.addEventListener === 'function') {
utils.addListener = function(el, type, fn) {
el.addEventListener(type, fn, false);
};
utils.removeListener = function(el, type, fn) {
el.removeEventListener(type, fn, false);
};
else if (typeof document.attachEvent === 'function') { // IE
utils.removeListener = function (el, type, fn) {
el.detachEvent('on'+type, fn);
};
} else { // 구형브라우저
utils.addListener = function (el, type, fn) {
el['on' + type] = fn;
};
utils.removeListener = function (el, type, fn) {
el['on' + type] = null;
};
}
var result = (function () {
return '리턴';
}());
이렇게 사용하면 된다. 그럼 즉시실행하지 않는 함수와는 무슨 차이일까?
var result = function () {
return '리턴';
};
이 문법이 더 간단하다. 차이점이라면 result(); 로 해야 값이 나온다는 점. 하지만 혹여 함수가 아니라 '리턴'이라는 값이 나올 것이라는 오해를 할 수도 있다. 그래서 '()'이걸 뒤에 붙이지 않는다면?? 값은 나오지 않는다.var getResult = {
message : (function () {
var who = 'me',
what = 'call';
return what + ' ' + who;
}()),
getMsg : function () {
return this.message;
}
};
o.getMsg();
o.message;
이 둘을 보면서 message와 getMsg의 사용법의 차이를 생각해보자.
// module1.js에서 정의한 module1
(function () {
// 모든 module1 코드 ....
}());
이 템플릿을 따라 또 다른 모듈로 코딩할 수 있다. 긜고 실제 사이트에 코드를 올릴 때, 어떤 기능이 사용도리 준비가 되었는지 결정하고 빌드 스크립트를 사용해 해당하는 파일들을 병합하면 된다.