Site updated: 2019-06-11 15:13:00

chochi1st · Jun 11, 2019 · bd4d259 · bd4d259
1 parent 97c6657
commit bd4d259
Show file tree

Hide file tree

Showing 22 changed files with 183 additions and 187 deletions.
diff --git a/2019/05/22/2 字符串/index.html b/2019/05/22/2 字符串/index.html
@@ -218,11 +218,11 @@ <h1 id="Base64-转码"><a href="#Base64-转码" class="headerlink" title="Base64
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/5 标准库/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/Call与Apply/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 标准库
+          ECMA5 CALL APPLY 模拟
 
       </div>
     </a>

diff --git a/2019/05/22/3 对象/index.html b/2019/05/22/3 对象/index.html
@@ -252,18 +252,18 @@ <h1 id="遍历总结"><a href="#遍历总结" class="headerlink" title="遍历
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/4 函数/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/9 JavaScript Classes/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 函数
+          ECMA6 类
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/9 JavaScript Classes/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA6 类</div>
+    <a href="/2019/05/22/关于 this 指针/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 this指针</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/4 函数/index.html b/2019/05/22/4 函数/index.html
@@ -277,8 +277,8 @@ <h1 id="6-立即调用的函数表达式-IIFE"><a href="#6-立即调用的函数
     </a>
 
 
-    <a href="/2019/05/22/3 对象/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 对象</div>
+    <a href="/2019/05/22/9 JavaScript Classes/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA6 类</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/5 标准库/index.html b/2019/05/22/5 标准库/index.html
@@ -241,18 +241,18 @@ <h1 id="6-控制对象的状态"><a href="#6-控制对象的状态" class="heade
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/Call与Apply/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/关于 this 指针/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 CALL APPLY 模拟
+          ECMA5 this指针
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/2 字符串/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 字符串</div>
+    <a href="/2019/05/22/6 Array/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 数组</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/6 Array/index.html b/2019/05/22/6 Array/index.html
@@ -423,18 +423,18 @@ <h1 id="3-example"><a href="#3-example" class="headerlink" title="3 example"></a
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/7 包装对象 wrapper/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/5 标准库/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 包装对象
+          ECMA5 标准库
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/9 面向对象编程/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 面向对象编程</div>
+    <a href="/2019/05/22/7 包装对象 wrapper/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 包装对象</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/7 包装对象 wrapper/index.html b/2019/05/22/7 包装对象 wrapper/index.html
@@ -258,18 +258,18 @@ <h3 id="3-4-字符串的实例方法"><a href="#3-4-字符串的实例方法" cl
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/关于 this 指针/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/6 Array/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 this指针
+          ECMA5 数组
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/6 Array/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 数组</div>
+    <a href="/2019/05/22/9 面向对象编程/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 面向对象编程</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/9 JavaScript Classes/index.html b/2019/05/22/9 JavaScript Classes/index.html
@@ -238,18 +238,18 @@ <h1 id="Questions"><a href="#Questions" class="headerlink" title="Questions"></a
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/3 对象/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/4 函数/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 对象
+          ECMA5 函数
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/关于 this 指针/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 this指针</div>
+    <a href="/2019/05/22/3 对象/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 对象</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/9 面向对象编程/index.html b/2019/05/22/9 面向对象编程/index.html
@@ -279,11 +279,11 @@ <h1 id="跳-对象的相关方法"><a href="#跳-对象的相关方法" class="h
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/6 Array/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/7 包装对象 wrapper/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 数组
+          ECMA5 包装对象
 
       </div>
     </a>

diff --git a/2019/05/22/Call与Apply/index.html b/2019/05/22/Call与Apply/index.html
@@ -8,18 +8,18 @@
   <link rel="dns-prefetch" href="http://yoursite.com">
   <title>ECMA5 CALL APPLY 模拟 | chochi&#39;s workshop</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <meta name="description" content="概念 每个函数都包括两个非继承而来的方法 apply call 在特定的作用域中调用函数，实际上等于设置函数体内this对象的值 看出 call 和 apply 是为了动态改变 this 而出现的区别   apply() 接受两个参数，第一个是运行函数的作用域，第二个是参数数组，参数数组可以用arrary实例，也可以是arguments对象。   call() 参数必须逐个列出来    call">
+  <meta name="description" content="概念 190611 更新bind参数问题   每个函数都包括两个非继承而来的方法 apply call  在特定的作用域中调用函数，实际上等于设置函数体内this对象的值  看出 call 和 apply 是为了动态改变 this 而出现的">
 <meta name="keywords" content="JS">
 <meta property="og:type" content="article">
 <meta property="og:title" content="ECMA5 CALL APPLY 模拟">
 <meta property="og:url" content="http://yoursite.com/2019/05/22/Call与Apply/index.html">
 <meta property="og:site_name" content="chochi&#39;s workshop">
-<meta property="og:description" content="概念 每个函数都包括两个非继承而来的方法 apply call 在特定的作用域中调用函数，实际上等于设置函数体内this对象的值 看出 call 和 apply 是为了动态改变 this 而出现的区别   apply() 接受两个参数，第一个是运行函数的作用域，第二个是参数数组，参数数组可以用arrary实例，也可以是arguments对象。   call() 参数必须逐个列出来    call">
+<meta property="og:description" content="概念 190611 更新bind参数问题   每个函数都包括两个非继承而来的方法 apply call  在特定的作用域中调用函数，实际上等于设置函数体内this对象的值  看出 call 和 apply 是为了动态改变 this 而出现的">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-06-11T07:10:42.740Z">
+<meta property="og:updated_time" content="2019-06-11T07:12:49.897Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="ECMA5 CALL APPLY 模拟">
-<meta name="twitter:description" content="概念 每个函数都包括两个非继承而来的方法 apply call 在特定的作用域中调用函数，实际上等于设置函数体内this对象的值 看出 call 和 apply 是为了动态改变 this 而出现的区别   apply() 接受两个参数，第一个是运行函数的作用域，第二个是参数数组，参数数组可以用arrary实例，也可以是arguments对象。   call() 参数必须逐个列出来    call">
+<meta name="twitter:description" content="概念 190611 更新bind参数问题   每个函数都包括两个非继承而来的方法 apply call  在特定的作用域中调用函数，实际上等于设置函数体内this对象的值  看出 call 和 apply 是为了动态改变 this 而出现的">
 
     <link rel="alternative" href="/atom.xml" title="chochi&#39;s workshop" type="application/atom+xml">
 
@@ -165,10 +165,17 @@ <h1 class="article-title" itemprop="name">
 
     <div class="article-entry" itemprop="articleBody">
 
-        <h1 id="概念"><a href="#概念" class="headerlink" title="概念"></a>概念</h1><ul>
-<li>每个函数都包括两个非继承而来的方法 apply call</li>
-<li>在特定的作用域中调用函数，实际上等于设置函数体内this对象的值</li>
-<li>看出 call 和 apply 是为了动态改变 this 而出现的<h4 id="区别"><a href="#区别" class="headerlink" title="区别"></a>区别</h4></li>
+        <h1 id="概念"><a href="#概念" class="headerlink" title="概念"></a>概念</h1><blockquote>
+<p>190611 更新bind参数问题</p>
+</blockquote>
+<ul>
+<li><p>每个函数都包括两个非继承而来的方法 apply call</p>
+</li>
+<li><p>在特定的作用域中调用函数，实际上等于设置函数体内this对象的值</p>
+</li>
+<li><p>看出 call 和 apply 是为了动态改变 this 而出现的</p>
+<a id="more"></a>
+<h4 id="区别"><a href="#区别" class="headerlink" title="区别"></a>区别</h4></li>
 </ul>
 <ol>
 <li>apply()<ul>
@@ -184,7 +191,6 @@ <h1 id="call-模拟"><a href="#call-模拟" class="headerlink" title="call 模
 <li>参数一一对应(没有做一些错误机制的判断处理)</li>
 </ul>
 <figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line"><span class="built_in">Function</span>.prototype.myCall = <span class="function"><span class="keyword">function</span>(<span class="params"></span>)</span>&#123;</span><br><span class="line">   </span><br><span class="line">    <span class="keyword">let</span> args = <span class="built_in">Array</span>.from(<span class="built_in">arguments</span>);</span><br><span class="line"></span><br><span class="line">    <span class="keyword">const</span> context = args.shift() || <span class="built_in">window</span>;  <span class="comment">// null -&gt; window</span></span><br><span class="line">    context.callFun = <span class="keyword">this</span>; <span class="comment">// 将函数设置为该对象的一个属性</span></span><br><span class="line"></span><br><span class="line">    <span class="keyword">let</span> result = !args ?context.callFun() : context.callFun(...args); </span><br><span class="line">    <span class="keyword">delete</span> context.callFun;</span><br><span class="line"></span><br><span class="line">    <span class="keyword">return</span> result;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<a id="more"></a>
 <blockquote>
 <p>190611 更新</p>
 </blockquote>
@@ -258,8 +264,8 @@ <h1 id="参考文献"><a href="#参考文献" class="headerlink" title="参考
     </a>
 
 
-    <a href="/2019/05/22/5 标准库/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 标准库</div>
+    <a href="/2019/05/22/2 字符串/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 字符串</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/关于 this 指针/index.html b/2019/05/22/关于 this 指针/index.html
@@ -221,18 +221,18 @@ <h2 id="2-加一个关于箭头函数的this指针"><a href="#2-加一个关于
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/9 JavaScript Classes/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/3 对象/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA6 类
+          ECMA5 对象
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/7 包装对象 wrapper/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 包装对象</div>
+    <a href="/2019/05/22/5 标准库/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 标准库</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/archives/2019/05/index.html b/archives/2019/05/index.html
@@ -494,14 +494,14 @@ <h1 itemprop="name">
   <div class="archive-article-inner">
     <header class="archive-article-header">
       	<div class="article-meta">
-	      	<a href="/2019/05/22/3 对象/" class="archive-article-date">
+	      	<a href="/2019/05/22/9 JavaScript Classes/" class="archive-article-date">
   	<time datetime="2019-05-22T14:38:04.268Z" itemprop="datePublished"><i class="icon-calendar icon"></i>2019-05-22</time>
 </a>
         </div>
 
 
     <h1 itemprop="name">
-      <a class="archive-article-title" href="/2019/05/22/3 对象/">ECMA5 对象</a>
+      <a class="archive-article-title" href="/2019/05/22/9 JavaScript Classes/">ECMA6 类</a>
     </h1>
 
 
@@ -543,14 +543,14 @@ <h1 itemprop="name">
   <div class="archive-article-inner">
     <header class="archive-article-header">
       	<div class="article-meta">
-	      	<a href="/2019/05/22/9 JavaScript Classes/" class="archive-article-date">
+	      	<a href="/2019/05/22/3 对象/" class="archive-article-date">
   	<time datetime="2019-05-22T14:38:04.268Z" itemprop="datePublished"><i class="icon-calendar icon"></i>2019-05-22</time>
 </a>
         </div>
 
 
     <h1 itemprop="name">
-      <a class="archive-article-title" href="/2019/05/22/9 JavaScript Classes/">ECMA6 类</a>
+      <a class="archive-article-title" href="/2019/05/22/3 对象/">ECMA5 对象</a>
     </h1>
 
 

diff --git a/archives/2019/05/page/2/index.html b/archives/2019/05/page/2/index.html
@@ -157,14 +157,14 @@ <h1 class="header-author js-header-author">chochi</h1>
   <div class="archive-article-inner">
     <header class="archive-article-header">
       	<div class="article-meta">
-	      	<a href="/2019/05/22/7 包装对象 wrapper/" class="archive-article-date">
+	      	<a href="/2019/05/22/5 标准库/" class="archive-article-date">
   	<time datetime="2019-05-22T14:38:04.268Z" itemprop="datePublished"><i class="icon-calendar icon"></i>2019-05-22</time>
 </a>
         </div>
 
 
     <h1 itemprop="name">
-      <a class="archive-article-title" href="/2019/05/22/7 包装对象 wrapper/">ECMA5 包装对象</a>
+      <a class="archive-article-title" href="/2019/05/22/5 标准库/">ECMA5 标准库</a>
     </h1>
 
 
@@ -175,7 +175,7 @@ <h1 itemprop="name">
 		<ul class="article-tag-list">
 
         		<li class="article-tag-list-item">
-        			<a href="javascript:void(0)" class="js-tag article-tag-list-link color4">-JS</a>
+        			<a href="javascript:void(0)" class="js-tag article-tag-list-link color3">JS</a>
         		</li>
 
 		</ul>
@@ -255,14 +255,14 @@ <h1 itemprop="name">
   <div class="archive-article-inner">
     <header class="archive-article-header">
       	<div class="article-meta">
-	      	<a href="/2019/05/22/9 面向对象编程/" class="archive-article-date">
+	      	<a href="/2019/05/22/7 包装对象 wrapper/" class="archive-article-date">
   	<time datetime="2019-05-22T14:38:04.268Z" itemprop="datePublished"><i class="icon-calendar icon"></i>2019-05-22</time>
 </a>
         </div>
 
 
     <h1 itemprop="name">
-      <a class="archive-article-title" href="/2019/05/22/9 面向对象编程/">ECMA5 面向对象编程</a>
+      <a class="archive-article-title" href="/2019/05/22/7 包装对象 wrapper/">ECMA5 包装对象</a>
     </h1>
 
 
@@ -304,14 +304,14 @@ <h1 itemprop="name">
   <div class="archive-article-inner">
     <header class="archive-article-header">
       	<div class="article-meta">
-	      	<a href="/2019/05/22/Call与Apply/" class="archive-article-date">
+	      	<a href="/2019/05/22/9 面向对象编程/" class="archive-article-date">
   	<time datetime="2019-05-22T14:38:04.268Z" itemprop="datePublished"><i class="icon-calendar icon"></i>2019-05-22</time>
 </a>
         </div>
 
 
     <h1 itemprop="name">
-      <a class="archive-article-title" href="/2019/05/22/Call与Apply/">ECMA5 CALL APPLY 模拟</a>
+      <a class="archive-article-title" href="/2019/05/22/9 面向对象编程/">ECMA5 面向对象编程</a>
     </h1>
 
 
@@ -322,7 +322,7 @@ <h1 itemprop="name">
 		<ul class="article-tag-list">
 
         		<li class="article-tag-list-item">
-        			<a href="javascript:void(0)" class="js-tag article-tag-list-link color3">JS</a>
+        			<a href="javascript:void(0)" class="js-tag article-tag-list-link color4">-JS</a>
         		</li>
 
 		</ul>
@@ -353,14 +353,14 @@ <h1 itemprop="name">
   <div class="archive-article-inner">
     <header class="archive-article-header">
       	<div class="article-meta">
-	      	<a href="/2019/05/22/5 标准库/" class="archive-article-date">
+	      	<a href="/2019/05/22/Call与Apply/" class="archive-article-date">
   	<time datetime="2019-05-22T14:38:04.268Z" itemprop="datePublished"><i class="icon-calendar icon"></i>2019-05-22</time>
 </a>
         </div>
 
 
     <h1 itemprop="name">
-      <a class="archive-article-title" href="/2019/05/22/5 标准库/">ECMA5 标准库</a>
+      <a class="archive-article-title" href="/2019/05/22/Call与Apply/">ECMA5 CALL APPLY 模拟</a>
     </h1>
 
 

diff --git a/archives/2019/index.html b/archives/2019/index.html
@@ -494,14 +494,14 @@ <h1 itemprop="name">
   <div class="archive-article-inner">
     <header class="archive-article-header">
       	<div class="article-meta">
-	      	<a href="/2019/05/22/3 对象/" class="archive-article-date">
+	      	<a href="/2019/05/22/9 JavaScript Classes/" class="archive-article-date">
   	<time datetime="2019-05-22T14:38:04.268Z" itemprop="datePublished"><i class="icon-calendar icon"></i>2019-05-22</time>
 </a>
         </div>
 
 
     <h1 itemprop="name">
-      <a class="archive-article-title" href="/2019/05/22/3 对象/">ECMA5 对象</a>
+      <a class="archive-article-title" href="/2019/05/22/9 JavaScript Classes/">ECMA6 类</a>
     </h1>
 
 
@@ -543,14 +543,14 @@ <h1 itemprop="name">
   <div class="archive-article-inner">
     <header class="archive-article-header">
       	<div class="article-meta">
-	      	<a href="/2019/05/22/9 JavaScript Classes/" class="archive-article-date">
+	      	<a href="/2019/05/22/3 对象/" class="archive-article-date">
   	<time datetime="2019-05-22T14:38:04.268Z" itemprop="datePublished"><i class="icon-calendar icon"></i>2019-05-22</time>
 </a>
         </div>
 
 
     <h1 itemprop="name">
-      <a class="archive-article-title" href="/2019/05/22/9 JavaScript Classes/">ECMA6 类</a>
+      <a class="archive-article-title" href="/2019/05/22/3 对象/">ECMA5 对象</a>
     </h1>