Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ko: Format /web/javascript using Prettier (part 3) #14822

Merged
merged 1 commit into from
Aug 8, 2023
Merged

ko: Format /web/javascript using Prettier (part 3) #14822

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 8 additions & 7 deletions files/ko/web/javascript/reference/global_objects/evalerror/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
title: EvalError
slug: Web/JavaScript/Reference/Global_Objects/EvalError
---

{{JSRef}}

**`EvalError`** 객체는 전역 {{jsxref("Global_Objects/eval", "eval()")}} 함수에 관한 오류를 나타냅니다. 이 예외는 JavaScript에 의해 더 이상 발생하지 않지만 `EvalError` 객체는 하위 호환성을 위해 남아있습니다.
Expand Down Expand Up @@ -34,15 +35,15 @@ slug: Web/JavaScript/Reference/Global_Objects/EvalError

```js
try {
throw new EvalError('Hello', 'someFile.js', 10);
throw new EvalError("Hello", "someFile.js", 10);
} catch (e) {
console.log(e instanceof EvalError); // true
console.log(e.message); // "Hello"
console.log(e.name); // "EvalError"
console.log(e.fileName); // "someFile.js"
console.log(e.lineNumber); // 10
console.log(e.columnNumber); // 0
console.log(e.stack); // "@Scratchpad/2:2:9\n"
console.log(e.message); // "Hello"
console.log(e.name); // "EvalError"
console.log(e.fileName); // "someFile.js"
console.log(e.lineNumber); // 10
console.log(e.columnNumber); // 0
console.log(e.stack); // "@Scratchpad/2:2:9\n"
}
```

Expand Down
37 changes: 18 additions & 19 deletions files/ko/web/javascript/reference/global_objects/function/apply/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Function/apply
## 구문

```js
func.apply(thisArg, [argsArray])
func.apply(thisArg, [argsArray]);
```

### 매개변수
Expand Down Expand Up @@ -49,7 +49,7 @@ ECMAScript 5번 째 판의 시작으로, 모든 유사 배열 객체 타입을
방법은 `apply` !

```js
var array = ['a', 'b'];
var array = ["a", "b"];
var elements = [0, 1, 2];
array.push.apply(array, elements);
console.info(array); // ["a", "b", 0, 1, 2]
Expand All @@ -71,7 +71,7 @@ var max = Math.max.apply(null, numbers);
var min = Math.min.apply(null, numbers);

// vs. simple loop based algorithm
max = -Infinity, min = +Infinity;
(max = -Infinity), (min = +Infinity);

for (var i = 0; i < numbers.length; i++) {
if (numbers[i] > max) {
Expand All @@ -93,8 +93,7 @@ function minOfArray(arr) {
var QUANTUM = 32768;

for (var i = 0, len = arr.length; i < len; i += QUANTUM) {
var submin = Math.min.apply(null,
arr.slice(i, Math.min(i + QUANTUM, len)));
var submin = Math.min.apply(null, arr.slice(i, Math.min(i + QUANTUM, len)));
min = Math.min(submin, min);
}

Expand All @@ -109,7 +108,7 @@ var min = minOfArray([5, 6, 2, 3, 7]);
Java 와 유사하게, 객체를 위한 {{jsxref("Operators/new", "constructors", "", 1)}} 체이닝을 위해 `apply` 를 사용할 수 있습니다. 다음 예제에서 인수 리스트 대신 생성자로 유사 배열 객체를 사용할 수 있게 해주는 `construct` 라는 전역 {{jsxref("Function")}} 메소드를 생성할 것입니다.

```js
Function.prototype.construct = function(aArgs) {
Function.prototype.construct = function (aArgs) {
var oNew = Object.create(this.prototype);
this.apply(oNew, aArgs);
return oNew;
Expand All @@ -126,7 +125,7 @@ Function.prototype.construct = function (aArgs) {
oNew.__proto__ = this.prototype;
this.apply(oNew, aArgs);
return oNew;
};
};
```

[클로져](/ko/docs/Web/JavaScript/Guide/Closures) 사용:
Expand Down Expand Up @@ -156,18 +155,18 @@ Function.prototype.construct = function (aArgs) {
사용 예제

```js
function MyConstructor() {
for (var nProp = 0; nProp < arguments.length; nProp++) {
this['property' + nProp] = arguments[nProp];
}
}

var myArray = [4, 'Hello world!', false];
var myInstance = MyConstructor.construct(myArray);

console.log(myInstance.property1); // logs 'Hello world!'
console.log(myInstance instanceof MyConstructor); // logs 'true'
console.log(myInstance.constructor); // logs 'MyConstructor'
function MyConstructor() {
for (var nProp = 0; nProp < arguments.length; nProp++) {
this["property" + nProp] = arguments[nProp];
}
}

var myArray = [4, "Hello world!", false];
var myInstance = MyConstructor.construct(myArray);

console.log(myInstance.property1); // logs 'Hello world!'
console.log(myInstance instanceof MyConstructor); // logs 'true'
console.log(myInstance.constructor); // logs 'MyConstructor'
```

**알림:** 네이티브가 아닌 `Function.construct` 메소드는 {{jsxref("Date")}} 와 같은 일부 네이티브 생성자와 동작하지 않을 것입니다. 그런 경우, {{jsxref("Function.prototype.bind")}} 메소드를 사용해야 합니다. 예를 들어, 다음과 같은 배열이 있다고 할 때, {{jsxref("Global_Objects/Date", "Date")}} 생성자: `[2012, 11, 4]` 와 함께 사용되려면 다음과 같이 작성해야 합니다: `new (Function.prototype.bind.apply(Date, [null].concat([2012, 11, 4])))()`. 이는 가장 좋은 방법이 아니며, 어떤 상용 환경에서도 사용되지 않을 수 있습니다.
Expand Down
15 changes: 10 additions & 5 deletions files/ko/web/javascript/reference/global_objects/function/arguments/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
title: Function.arguments
slug: Web/JavaScript/Reference/Global_Objects/Function/arguments
---

{{JSRef}} {{deprecated_header}}

> **`function.arguments`** 속성은 함수로 부터 넘겨 받은 arguments에 해당하는 배열과 같은 객체이다. 간단하게 {{jsxref("Functions/arguments", "arguments")}}를 대신 사용하자. 이 속성은 strict mode에서 [꼬리 호출 최적화](http://www.ecma-international.org/ecma-262/6.0/#sec-addrestrictedfunctionproperties) 때문에 금지 된다.
Expand All @@ -19,17 +20,21 @@ arguments의 값은 함수 실행 과정에서 특별한 호출이 없다면 일
### arguments object를 사용한 예시

```js
function f(n) { g(n - 1); }
function f(n) {
g(n - 1);
}

function g(n) {
console.log('before: ' + g.arguments[0]);
if (n > 0) { f(n); }
console.log('after: ' + g.arguments[0]);
console.log("before: " + g.arguments[0]);
if (n > 0) {
f(n);
}
console.log("after: " + g.arguments[0]);
}

f(2);

console.log('returned: ' + g.arguments);
console.log("returned: " + g.arguments);

// Output

Expand Down
83 changes: 42 additions & 41 deletions files/ko/web/javascript/reference/global_objects/function/bind/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,9 @@ slug: Web/JavaScript/Reference/Global_Objects/Function/bind
this.x = 9;
var module = {
x: 81,
getX: function() { return this.x; }
getX: function () {
return this.x;
},
};

module.getX(); // 81
Expand All @@ -72,33 +74,32 @@ boundGetX(); // 81
`bind()`의 다음으로 간단한 사용법은 미리 지정된 초기 인수가 있는 함수를 만드는 겁니다. 지정될 초기 인수가 있다면 제공된 `this` 값을 따르고, 바인딩 된 함수에 전달되어 바인딩 된 함수가 호출될 때마다 대상 함수의 인수 앞에 삽입됩니다.

```js
function list() {
return Array.prototype.slice.call(arguments);
}

var list1 = list(1, 2, 3); // [1, 2, 3]
function list() {
return Array.prototype.slice.call(arguments);
}

// 선행될 인수를 설정하여 함수를 생성합니다.
var leadingThirtysevenList = list.bind(null, 37);
var list1 = list(1, 2, 3); // [1, 2, 3]

var list2 = leadingThirtysevenList(); // [37]
// 선행될 인수를 설정하여 함수를 생성합니다.
var leadingThirtysevenList = list.bind(null, 37);

var list3 = leadingThirtysevenList(1, 2, 3); // [37, 1, 2, 3]
var list2 = leadingThirtysevenList(); // [37]

var list3 = leadingThirtysevenList(1, 2, 3); // [37, 1, 2, 3]

function addArguments(arg1, arg2) {
return arg1 + arg2
}
function addArguments(arg1, arg2) {
return arg1 + arg2;
}

var result1 = addArguments(1, 2); // 3
var result1 = addArguments(1, 2); // 3

// 첫 번째 인수를 지정하여 함수를 생성합니다.
var addThirtySeven = addArguments.bind(null, 37);
// 첫 번째 인수를 지정하여 함수를 생성합니다.
var addThirtySeven = addArguments.bind(null, 37);

var result2 = addThirtySeven(5); // 37 + 5 = 42
var result2 = addThirtySeven(5); // 37 + 5 = 42

// 두 번째 인수는 무시됩니다.
var result3 = addThirtySeven(5, 10); // 37 + 5 = 42
// 두 번째 인수는 무시됩니다.
var result3 = addThirtySeven(5, 10); // 37 + 5 = 42
```

### `setTimeout`과 함께 사용
Expand All @@ -111,13 +112,12 @@ function LateBloomer() {
}

// 1초 지체 후 bloom 선언
LateBloomer.prototype.bloom = function() {
LateBloomer.prototype.bloom = function () {
window.setTimeout(this.declare.bind(this), 1000);
};

LateBloomer.prototype.declare = function() {
console.log('I am a beautiful flower with ' +
this.petalCount + ' petals!');
LateBloomer.prototype.declare = function () {
console.log("I am a beautiful flower with " + this.petalCount + " petals!");
};

var flower = new LateBloomer();
Expand All @@ -137,8 +137,8 @@ function Point(x, y) {
this.y = y;
}

Point.prototype.toString = function() {
return this.x + ',' + this.y;
Point.prototype.toString = function () {
return this.x + "," + this.y;
};

var p = new Point(1, 2);
Expand All @@ -148,11 +148,10 @@ p.toString(); // '1,2'

// 원 bind와는 잘 작동:

var YAxisPoint = Point.bind(null, 0/*x*/);

var YAxisPoint = Point.bind(null, 0 /*x*/);

var emptyObj = {};
var YAxisPoint = Point.bind(emptyObj, 0/*x*/);
var YAxisPoint = Point.bind(emptyObj, 0 /*x*/);

var axisPoint = new YAxisPoint(5);
axisPoint.toString(); // '0,5'
Expand All @@ -172,7 +171,7 @@ new Point(17, 42) instanceof YAxisPoint; // true
// (보통 이를 원하지 않더라도)
YAxisPoint(13);

emptyObj.x + ',' + emptyObj.y;
emptyObj.x + "," + emptyObj.y;
// > '0,13'
```

Expand Down Expand Up @@ -210,22 +209,24 @@ slice(arguments);

```js
if (!Function.prototype.bind) {
Function.prototype.bind = function(oThis) {
if (typeof this !== 'function') {
Function.prototype.bind = function (oThis) {
if (typeof this !== "function") {
// ECMAScript 5 내부 IsCallable 함수와
// 가능한 가장 가까운 것
throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
throw new TypeError(
"Function.prototype.bind - what is trying to be bound is not callable",
);
}

var aArgs = Array.prototype.slice.call(arguments, 1),
fToBind = this,
fNOP = function() {},
fBound = function() {
return fToBind.apply(this instanceof fNOP
? this
: oThis,
aArgs.concat(Array.prototype.slice.call(arguments)));
};
var aArgs = Array.prototype.slice.call(arguments, 1),
fToBind = this,
fNOP = function () {},
fBound = function () {
return fToBind.apply(
this instanceof fNOP ? this : oThis,
aArgs.concat(Array.prototype.slice.call(arguments)),
);
};

if (this.prototype) {
// Function.prototype은 prototype 속성이 없음
Expand Down
Loading