window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/zyrastory.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.1.1"}};
/*! This file is auto-generated */
!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings);
https://zyrastory.com/wp-includes/js/jquery/jquery.min.js
https://zyrastory.com/wp-includes/js/jquery/jquery-migrate.min.js
jQuery(document).ready(function(){document.querySelectorAll(".ez-toc-section").forEach(t=>{t.setAttribute("ez-toc-data-id","#"+decodeURI(t.getAttribute("id")))}),jQuery("a.ez-toc-link").click(function(){let t=jQuery(this).attr("href"),e=jQuery("#wpadminbar"),i=0;30>30&&(i=30),e.length&&(i+=e.height()),jQuery('[ez-toc-data-id="'+decodeURI(t)+'"]').length>0&&(i=jQuery('[ez-toc-data-id="'+decodeURI(t)+'"]').offset().top-i),jQuery("html, body").animate({scrollTop:i},500)})});
(function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt"; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "btkbh92jgl");
Skip to content
之前寫的 JavaScript 奇怪的坑 – forEach 跳出循環 – return 居然失效了!? 那一篇中
有提到官方文件中建議的 every 跟 Some 的方法,故今天就來看一下這究竟是在做甚麼吧
⬆ 幫大家回憶一下
用處 透過給定函式、測試陣列中是否至少有一個元素符合條件
回傳值為布林 ( 有的話為true,反之則為false )
語法 先來看看Some基本的語法吧
// Arrow function
some((element) => { /* … */ })
some((element, index) => { /* … */ })
some((element, index, array) => { /* … */ })
// Callback function
some(callbackFn)
some(callbackFn, thisArg)
// Inline callback function
some(function (element) { /* … */ })
some(function (element, index) { /* … */ })
some(function (element, index, array) { /* … */ })
some(function (element, index, array) { /* … */ }, thisArg)
單純看到這樣,大家是不是看得很霧煞煞啊 (沒有的話,我晚點再問一次 (;へ:)
開玩笑的,上面的3種常見的呼叫 JavaScript 函式的方式
第一種是 箭頭函式 Arrow function – 比較類似C#的LINQ語法,有匿名函式的特性
第二種則是最簡單的 回呼函式 Callback function – 定義一個function,在其他地方對它進行呼叫
最後一種則是 行內函式 Inline callback function – 直接將呼叫的function寫在some裡面
來看看Some函式 傳入的相關參數吧
array.some(function (element, index, array)
參數 必要與否 說明 element 必要 要判斷的值 index 可選 目前元素的索引 array 可選 呼叫some函式的array
範例 先來一個最簡單的
判斷數字是否大於10,並回傳 true/false
function isBiggerThan10(element,index,array) {
console.log('value:'+element+',index:'+index);
return element > 10;
}
[2, 5, 8, 1, 4].some(isBiggerThan10)
[12, 5, 8, 1, 4].some(isBiggerThan10)
這個寫法用到的是上面說到的 Callback function
結果如下
可以發現當給定的function回傳為true時即會中止 Some函式
用箭頭函式的話,看起來會更簡單
[2, 5, 8, 1, 4].some(x => x > 10);
[12, 5, 8, 1, 4].some(x => x > 10);
是不是跟上面達到了一樣的效果
寫在行內的方法其實也很單純,直接把function整個都搬家一下就好
[2, 5, 8, 1, 4].some(function (element,index,array) {
console.log('value:'+element+',index:'+index);
return element > 10;
});
[12, 5, 8, 1, 4].some(function (element,index,array) {
console.log('value:'+element+',index:'+index);
return element > 10;
});
支援版本 該功能為 ES5 時提出 ( JavaScript2009 ),故目前所有的主流瀏覽器都可以支援
不用擔心語法兼容性的問題
結論 的確是個挺方便的函式,筆者寫了4、5年程式卻都沒用過哈哈 ( 雖然JS非本職 )
下一次應該會介紹array的另一個類似的函式 – every 以及兩者的比較
參考文章 :
🧡如果這篇文章有幫上你的一點點忙,那是我的榮幸
🧡幫我按FB粉絲專頁一個讚,我會很感謝的
✅如有任何疑問,歡迎透過留言或messenger讓我知道 !
筆記 JavaScript 筆記 , 圖文介紹 Continue Reading
jQuery(".jq-goTop").click(function (e) {
e.preventDefault();
let hi = jQuery(window).scrollTop();
hi = hi/2.5;
jQuery("html,body").animate(
{
scrollTop: 0,
},
hi
);
window.girl = 0;
var clock = setInterval(testFunc, 150);
setTimeout(function()
{
clearInterval(clock);
jQuery("#walking_girl0").hide();
jQuery("#walking_girl1").hide();
jQuery("#walking_girl2").hide();
},hi);
});function testFunc()
{
//console.log(window.girl);
switch(window.girl)
{
case 0:
jQuery("#walking_girl0").show();
jQuery("#walking_girl1").hide();
jQuery("#walking_girl2").hide();
break;
case 1:
jQuery("#walking_girl0").hide();
jQuery("#walking_girl1").show();
jQuery("#walking_girl2").hide();
break;
case 2:
jQuery("#walking_girl0").hide();
jQuery("#walking_girl1").hide();
jQuery("#walking_girl2").show();
break;
}
window.girl = window.girl == 2 ? 0 : window.girl+1;
}
function closePop(){document.getElementById("headlineatas").style.display = 'none';}
function openPop()
{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
{
return false;
}
var r = Math.random();
if(r>0.7 || r<0.3)
{
document.getElementById("headlineatas").style.display = '';
}
}
function getFocus() {
//document.getElementById("wp-block-search__input-1").focus();
document.querySelector("#secondary > form > label > input").focus();
}
(adsbygoogle = window.adsbygoogle || []).push({});
(adsbygoogle = window.adsbygoogle || []).push({});
(adsbygoogle = window.adsbygoogle || []).push({});
(adsbygoogle = window.adsbygoogle || []).push({});
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js#xfbml=1&version=v6.0&autoLogAppEvents=1'
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
function returnDefault(item)
{
item.innerText = "Copy"
item.style.color = "white"
item.style.backgroundColor = "CornflowerBlue";
}
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) == false) //20221128 手機用戶移除copy功能
{
jQuery('code').each(function () {
var btn = document.createElement("button");
btn.innerHTML = "Copy";
btn.onmousedown = "event.preventDefault();";
btn.setAttribute('class', 'btnC');
btn.onclick = function(){
var k = this.nextSibling;
var textArea = document.createElement("textarea");
textArea.style.position = 'fixed';
textArea.style.top = 0;
textArea.style.left = 0;
textArea.style.width = '2em';
textArea.style.height = '2em';// We don't need padding, reducing the size if it does flash render.
textArea.style.padding = 0;// Clean up any borders.
textArea.style.border = 'none';
textArea.style.outline = 'none';
textArea.style.boxShadow = 'none';// Avoid flash of the white box if rendered for any reason.
textArea.style.background = 'transparent';textArea.value = k.textContent;document.body.appendChild(textArea);
textArea.focus();
textArea.select();var successful = document.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';if(successful)
{
this.focus();
this.style.backgroundColor = "green";
this.innerText = "✔Copied"
openPop();
setTimeout(( ()=>returnDefault(this)),1850)
}document.body.removeChild(textArea);
};var parent = this.parentNode;
parent.insertBefore(btn, this);
});
}
https://zyrastory.com/wp-content/themes/responsiveblogily/js/navigation.js
https://zyrastory.com/wp-content/themes/responsiveblogily/js/skip-link-focus-fix.js
https://zyrastory.com/wp-content/themes/responsiveblogily/js/script.js
https://zyrastory.com/wp-content/themes/responsiveblogily/js/jquery.flexslider.js
https://zyrastory.com/wp-content/themes/responsiveblogily/js/accessibility.js
https://zyrastory.com/wp-includes/js/comment-reply.min.js
https://zyrastory.com/wp-content/plugins/highlighting-code-block/assets/js/prism.js
https://zyrastory.com/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js
https://zyrastory.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js
https://zyrastory.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js
var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"30"};
https://zyrastory.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js
(function() {
var expirationDate = new Date();
expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
document.cookie = "pll_language=zh; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax";
}());
/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
ai_front = {"insertion_before":"BEFORE","insertion_after":"AFTER","insertion_prepend":"PREPEND CONTENT","insertion_append":"APPEND CONTENT","insertion_replace_content":"REPLACE CONTENT","insertion_replace_element":"REPLACE ELEMENT","visible":"VISIBLE","hidden":"HIDDEN","fallback":"FALLBACK","automatically_placed":"Automatically placed by AdSense Auto ads code","cancel":"Cancel","use":"Use","add":"Add","parent":"Parent","cancel_element_selection":"Cancel element selection","select_parent_element":"Select parent element","css_selector":"CSS selector","use_current_selector":"Use current selector","element":"ELEMENT","path":"PATH","selector":"SELECTOR"};