aboutsummaryrefslogtreecommitdiff
path: root/files/tr/web/javascript/reference/functions/arrow_functions
diff options
context:
space:
mode:
authorRyan Johnson <rjohnson@mozilla.com>2021-04-29 16:16:42 -0700
committerGitHub <noreply@github.com>2021-04-29 16:16:42 -0700
commit95aca4b4d8fa62815d4bd412fff1a364f842814a (patch)
tree5e57661720fe9058d5c7db637e764800b50f9060 /files/tr/web/javascript/reference/functions/arrow_functions
parentee3b1c87e3c8e72ca130943eed260ad642246581 (diff)
downloadtranslated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz
translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2
translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip
remove retired locales (#699)
Diffstat (limited to 'files/tr/web/javascript/reference/functions/arrow_functions')
-rw-r--r--files/tr/web/javascript/reference/functions/arrow_functions/index.html359
1 files changed, 0 insertions, 359 deletions
diff --git a/files/tr/web/javascript/reference/functions/arrow_functions/index.html b/files/tr/web/javascript/reference/functions/arrow_functions/index.html
deleted file mode 100644
index 68d6fb3cc7..0000000000
--- a/files/tr/web/javascript/reference/functions/arrow_functions/index.html
+++ /dev/null
@@ -1,359 +0,0 @@
----
-title: Arrow functions
-slug: Web/JavaScript/Reference/Functions/Arrow_functions
-translation_of: Web/JavaScript/Reference/Functions/Arrow_functions
----
-<div>{{jsSidebar("Functions")}}</div>
-
-<div>Arrow fonksiyonlar normal fonksiyonların kısa yoldan yazılabilen türüdür ve kendi içerisinde <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">this</a></code>, <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a>, <a href="/en-US/docs/Web/JavaScript/Reference/Operators/super">super</a>, ya da <a href="/en-US/docs/Web/JavaScript/Reference/Operators/new.target">new.target</a> erişimine sahip değildir. Bu fonksiyon tanımlaması özellikle methodsuz fonksiyonlar için çok uygundur. Constructor olarak kullanılamaz. </div>
-
-<h2 id="Söz_Dizimi">Söz Dizimi</h2>
-
-<h3 id="Temel_Söz_Dizimi">Temel Söz Dizimi</h3>
-
-<pre class="syntaxbox notranslate"><strong>(</strong><em>param1</em>, <em>param2</em>, …, <em>paramN</em><strong>) =&gt; {</strong> <em>statements</em> <strong>}</strong>
-<strong>(</strong><em>param1</em>, <em>param2</em>, …, <em>paramN</em><strong>) =&gt;</strong> <em>expression</em>
-// buna eşittir: <strong>(</strong><em>param1</em>, <em>param2</em>, …, <em>paramN</em><strong>)</strong> =&gt; { return <em>expression</em>; }
-
-// Eğer tek parametre var ise parantezsiz kullanılabilir:
-<em>(singleParam)</em> <strong>=&gt; {</strong> <em>statements</em> <strong>}</strong>
-<em>singleParam</em> <strong>=&gt;</strong> { <em>statements </em>}
-<em>singleParam</em> <strong>=&gt;</strong> <em>expression</em>
-
-
-// Parametre beklenmeyen durumlarda parantez çifti kullanılmalıdır
-() =&gt; { <em>statements</em> }
-</pre>
-
-<h3 id="İleri_Düzey_Söz_Dizimi">İleri Düzey Söz Dizimi</h3>
-
-<pre class="syntaxbox notranslate">// Parantez çifti kullanılarak obje tipi veri dönüşü yapılır.
-<em>params</em> =&gt; ({<em>foo: bar</em>})
-
-// <a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">Rest parameters</a> ve <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters">default parameters</a> desteklenmektedir
-(<em>param1</em>, <em>param2</em>, <strong>...rest</strong>) =&gt; { <em>statements</em> }
-(<em>param1</em> <strong>= defaultValue1</strong>, <em>param2</em>, …, paramN <strong>= defaultValueN</strong>) =&gt; { <em>statements</em> }
-
-// <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring</a> parametre listesi içinde de desteklenir
-let f = ([a, b] = [1, 2], {x: c} = {x: a + b}) =&gt; a + b + c;
-f();
-// 6
-</pre>
-
-<h2 id="Description">Description</h2>
-
-<p>Şunu da inceleyin <a href="https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/">"ES6 In Depth: Arrow functions" on hacks.mozilla.org</a>.</p>
-
-<p>Arrow fonksiyonlarının iki dikkat çekici özelliği vardır: daha kısa fonksiyonlara ihtiyaç ve <code>this</code> anahtar kelimesinin kullanımı.</p>
-
-<h3 id="Kısa_fonksiyonlar">Kısa fonksiyonlar</h3>
-
-<pre class="brush: js notranslate">var materials = [
- 'Hydrogen',
- 'Helium',
- 'Lithium',
- 'Beryllium'
-];
-
-materials.<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map">map</a>(function(material) {
- return material.length;
-}); // [8, 6, 7, 9]
-
-materials.<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map">map</a>((material) =&gt; {
- return material.length;
-}); // [8, 6, 7, 9]
-
-materials.<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map">map</a>(({length}) =&gt; length); // [8, 6, 7, 9]
-</pre>
-
-<h3 id="No_separate_this">No separate <code>this</code></h3>
-
-<p>Arrow fonksiyonlara kadar, her yeni fonksiyon nasıl çağrıldığına bağlı olarak kendi this değerini belirlerdi:</p>
-
-<p>Constructor durumunda yeni bir nesne.<br>
- Strict mode fonksiyon çağrılması durumunda undefined.<br>
- Eğer fonksiyon "nesne metodu" olarak çağrılmışsa temel nesne.<br>
- etc.<br>
- <br>
- Bu kullanım nesne-yönelimli programla içerisinde ideal kullanım değildi.</p>
-
-<pre class="brush: js notranslate">function Person() {
- // The Person() fonksiyonu kendini temsil eden this değerini oluşturuyor
- this.age = 0;
-
- setInterval(function growUp() {
- // non-strict modda, growUp() fonksiyonuda her fonksiyon gibi
-  // kendi this değerini tanımlar
- // bu sayede bir üstteki this değerine artık ulaşamıyor oluruz
- this.age++; //bu işlem Person() fonksiyonundaki age değerine işlemez.
- }, 1000);
-}
-
-var p = new Person();</pre>
-
-<p>ECMAScript 3/5'te bu <code>this</code> sorunu this değerinin başka bir değişkene atanarak aşılabilmekteydi.</p>
-
-<pre class="brush: js notranslate">function Person() {
- var that = this;
- that.age = 0;
-
- setInterval(function growUp() {
- // 'that' bir üstteki this değerine etki eder.
- that.age++;
- }, 1000);
-}</pre>
-
-<p>Alternatif olarak, <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind">bound function</a> tanımlaması yaparak önceden atanmış <code>this</code> değeri <code>growUp() </code>fonksiyonuna bu işlevi kazandırabilir.</p>
-
-<p>Fakat arrow fonksiyonlar kendi <code>this</code> değerine sahip değildir;  kapsayıcı yürütme fonksiyonunun <code>this</code> değeri kullanılır. Böylelikle aşağıdaki örnekte olduğu gibi <code>setInterval</code>'e atanmış arrow fonksiyon kendi <code>this</code> değeri olmadığı için <code>Person()</code> fonksiyonunun this değerine etki eder.</p>
-
-<pre class="brush: js notranslate">function Person(){
- this.age = 0;
-
- setInterval(() =&gt; {
- this.age++; // |this| person objesine atıfta bulunur
- }, 1000);
-}
-
-var p = new Person();</pre>
-
-<h4 id="Strict_mode_ile_ilişkisi">Strict mode ile ilişkisi</h4>
-
-<p>Kapsayıcı sözcüksel bağlamından gelen <code>this</code> değeri, <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a> kuralları uygulandığında görmezden gelinir</p>
-
-<pre class="brush: js notranslate">var f = () =&gt; { 'use strict'; return this; };
-f() === window; // or the global object</pre>
-
-<p>Diğer strict mode kuralları normal olarak geçerlidir.</p>
-
-<h4 id="Invoked_through_call_or_apply">Invoked through call or apply</h4>
-
-<p>Arrow fonksiyonların <code>this</code> değeri olmadığı için,  <code>call()</code> ve <code>apply()</code> methotları sadece parametre verilebilir. <code>thisArg</code> görmezden gelinir.</p>
-
-<pre class="brush: js notranslate">var adder = {
- base: 1,
-
- add: function(a) {
- var f = v =&gt; v + this.base;
- return f(a);
- },
-
- addThruCall: function(a) {
- var f = v =&gt; v + this.base;
- var b = {
- base: 2
- };
-
- return f.call(b, a);
- }
-};
-
-console.log(adder.add(1)); // This would log to 2
-console.log(adder.addThruCall(1)); // This would log to 2 still</pre>
-
-<h3 id="No_binding_of_arguments">No binding of <code>arguments</code></h3>
-
-<p>Arrow functions do not have their own <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments"><code>arguments</code> object</a>. Thus, in this example, <code>arguments</code> is simply a reference to the the arguments of the enclosing scope:</p>
-
-<pre class="brush: js notranslate">var arguments = [1, 2, 3];
-var arr = () =&gt; arguments[0];
-
-arr(); // 1
-
-function foo(n) {
- var f = () =&gt; arguments[0] + n; // <em>foo</em>'s implicit arguments binding. arguments[0] is n
- return f(10);
-}
-
-foo(1); // 2</pre>
-
-<p>Çoğu durumda <a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parametreleri</a>, <code>arguments</code> nesnesinin iyi bir alternatifidir.</p>
-
-<pre class="brush: js notranslate">function foo(n) {
- var f = (...args) =&gt; args[0] + n;
- return f(10);
-}
-
-foo(1); // 11</pre>
-
-<h3 id="Method_olarak_kullanılan_Arrow_fonksiyonları">Method olarak kullanılan Arrow fonksiyonları</h3>
-
-<p>As stated previously, arrow function expressions are best suited for non-method functions. Let's see what happens when we try to use them as methods:</p>
-
-<pre class="brush: js notranslate">'use strict';
-var obj = {
- i: 10,
- b: () =&gt; console.log(this.i, this),
- c: function() {
- console.log(this.i, this);
- }
-}
-obj.b(); // prints undefined, Window {...} (or the global object)
-obj.c(); // prints 10, Object {...}</pre>
-
-<p>Arrow functions do not have their own <code>this</code>. Another example involving {{jsxref("Object.defineProperty()")}}:</p>
-
-<pre class="brush: js notranslate">'use strict';
-var obj = {
- a: 10
-};
-
-Object.defineProperty(obj, 'b', {
- get: () =&gt; {
- console.log(this.a, typeof this.a, this);
- return this.a + 10; // represents global object 'Window', therefore 'this.a' returns 'undefined'
- }
-});
-</pre>
-
-<h3 id="new_operatörü_kullanımı"><code>new</code> operatörü kullanımı</h3>
-
-<p>Arrow functions cannot be used as constructors and will throw an error when used with <code>new</code>.</p>
-
-<pre class="brush: js notranslate">var Foo = () =&gt; {};
-var foo = new Foo(); // TypeError: Foo is not a constructor</pre>
-
-<h3 id="prototype_özelliği_kullanımı"><code>prototype</code> özelliği kullanımı</h3>
-
-<p>Arrow fonksiyonlarının <code>prototype</code> özelliği yoktur.</p>
-
-<pre class="brush: js notranslate">var Foo = () =&gt; {};
-console.log(Foo.prototype); // undefined
-</pre>
-
-<h3 id="yield_anahtarının_kullanımı"><code>yield</code> anahtarının kullanımı</h3>
-
-<p>The <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/yield">yield</a></code> keyword may not be used in an arrow function's body (except when permitted within functions further nested within it). As a consequence, arrow functions cannot be used as generators.</p>
-
-<h2 id="Function_body">Function body</h2>
-
-<p>Arrow functions can have either a "concise body" or the usual "block body".</p>
-
-<p>In a concise body, only an expression is specified, which becomes the explicit return value. In a block body, you must use an explicit <code>return</code> statement.</p>
-
-<pre class="brush: js notranslate">var func = x =&gt; x * x;
-// concise body syntax, implied "return"
-
-var func = (x, y) =&gt; { return x + y; };
-// with block body, explicit "return" needed
-</pre>
-
-<h2 id="Returning_object_literals">Returning object literals</h2>
-
-<p>Keep in mind that returning object literals using the concise body syntax <code>params =&gt; {object:literal}</code> will not work as expected.</p>
-
-<pre class="brush: js notranslate">var func = () =&gt; { foo: 1 };
-// Calling func() returns undefined!
-
-var func = () =&gt; { foo: function() {} };
-// SyntaxError: function statement requires a name</pre>
-
-<p>This is because the code inside braces ({}) is parsed as a sequence of statements (i.e. <code>foo</code> is treated like a label, not a key in an object literal).</p>
-
-<p>Remember to wrap the object literal in parentheses.</p>
-
-<pre class="brush: js notranslate">var func = () =&gt; ({foo: 1});</pre>
-
-<h2 id="Line_breaks">Line breaks</h2>
-
-<p>An arrow function cannot contain a line break between its parameters and its arrow.</p>
-
-<pre class="brush: js notranslate">var func = ()
- =&gt; 1;
-// SyntaxError: expected expression, got '=&gt;'</pre>
-
-<h2 id="Parsing_order">Parsing order</h2>
-
-<p>Although the arrow in an arrow function is not an operator, arrow functions have special parsing rules that interact differently with <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">operator precedence</a> compared to regular functions.</p>
-
-<pre class="brush: js notranslate">let callback;
-
-callback = callback || function() {}; // ok
-
-callback = callback || () =&gt; {};
-// SyntaxError: invalid arrow-function arguments
-
-callback = callback || (() =&gt; {}); // ok
-</pre>
-
-<h2 id="More_examples">More examples</h2>
-
-<pre class="brush: js notranslate">// An empty arrow function returns undefined
-let empty = () =&gt; {};
-
-(() =&gt; 'foobar')();
-// Returns "foobar"
-// (this is an Immediately Invoked Function Expression
-// see 'IIFE' in glossary)
-
-var simple = a =&gt; a &gt; 15 ? 15 : a;
-simple(16); // 15
-simple(10); // 10
-
-let max = (a, b) =&gt; a &gt; b ? a : b;
-
-// Easy array filtering, mapping, ...
-
-var arr = [5, 6, 13, 0, 1, 18, 23];
-
-var sum = arr.reduce((a, b) =&gt; a + b);
-// 66
-
-var even = arr.filter(v =&gt; v % 2 == 0);
-// [6, 0, 18]
-
-var double = arr.map(v =&gt; v * 2);
-// [10, 12, 26, 0, 2, 36, 46]
-
-// More concise promise chains
-promise.then(a =&gt; {
- // ...
-}).then(b =&gt; {
- // ...
-});
-
-// Parameterless arrow functions that are visually easier to parse
-setTimeout( () =&gt; {
- console.log('I happen sooner');
- setTimeout( () =&gt; {
- // deeper code
- console.log('I happen later');
- }, 1);
-}, 1);
-</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES2015', '#sec-arrow-function-definitions', 'Arrow Function Definitions')}}</td>
- <td>{{Spec2('ES2015')}}</td>
- <td>Initial definition.</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-arrow-function-definitions', 'Arrow Function Definitions')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.functions.arrow_functions")}}</p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/">"ES6 In Depth: Arrow functions" on hacks.mozilla.org</a></li>
-</ul>