JS Q&A

URLOS 發(fā)布于2019-08-21 16:03 / 1273人閱讀

摘要：系統(tǒng)內(nèi)部會(huì)自動(dòng)調(diào)用函數(shù)。因此除了以下五個(gè)值，其他都是自動(dòng)轉(zhuǎn)為?？兆址詣?dòng)轉(zhuǎn)換為字符串遇到預(yù)期為字符串的地方，就會(huì)將非字符串的值自動(dòng)轉(zhuǎn)為字符串。字符串的自動(dòng)轉(zhuǎn)換，主要發(fā)生在字符串的加法運(yùn)算時(shí)。

URL后面#號(hào)是代表什么？

# 代表頁(yè)面中的某個(gè)位置，也稱為地址hash值

#XX 作用當(dāng)前可視區(qū)域移動(dòng)到頁(yè)面xx位置

# 僅對(duì)瀏覽器起作用，對(duì)服務(wù)器無(wú)用，所以HTTP請(qǐng)求不包括#（#之后的字符都不會(huì)被發(fā)送到服務(wù)器端。）

改變#不觸發(fā)網(wǎng)頁(yè)重載

改變#會(huì)改變?yōu)g覽器的訪問(wèn)歷史

如何獲取URL中#號(hào)的值？

使用window.location.hash這個(gè)屬性可讀可寫

如何監(jiān)聽URL中#號(hào)值的變化

onhashchange事件（IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持該事件。）

window.addEventListener("hashchange", function(){
   var hash = window.location.hash.slice(1);
});

瀏覽器中的localStorage如何存??？

localStorage存值

 localStorage.setItem(key,val);

localStorage取值

var data = localStorage.getItem(key);

傳統(tǒng)表單提交前的數(shù)據(jù)校驗(yàn)如何實(shí)現(xiàn)？

使用表單提交事件onSubmit,返回ture,表單繼續(xù)提交，返回false,表單終止提交

       
            
                
                    {$lang.label_username}
                    
                
                
                    {$lang.label_password}
                    
                        
                    
                
                
                
                    {$lang.comment_captcha}
                    
                        
                
                
                
                    {$lang.remember}
                
                
                     
                    
                        
                        
                        
                    
                
                
                    
                    找回密碼：（密碼問(wèn)題 郵件 短信驗(yàn)證）

function userEdit()
{
  var frm = document.forms["formEdit"];
  var email = frm.elements["email"].value;
  var msg = "";
  var reg = null;
  var passwd_answer = frm.elements["passwd_answer"] ? Utils.trim(frm.elements["passwd_answer"].value) : "";
  var sel_question =  frm.elements["sel_question"] ? Utils.trim(frm.elements["sel_question"].value) : "";

  if (email.length == 0)
  {
    msg += email_empty + "
";
  }
  else
  {
    if ( ! (Utils.isEmail(email)))
    {
      msg += email_error + "
";
    }
  }

  if (passwd_answer.length > 0 && sel_question == 0 || document.getElementById("passwd_quesetion") && passwd_answer.length == 0)
  {
    msg += no_select_question + "
";
  }

  for (i = 7; i < frm.elements.length - 2; i++)    // 從第七項(xiàng)開始循環(huán)檢查是否為必填項(xiàng)
  {
    needinput = document.getElementById(frm.elements[i].name + "i") ? document.getElementById(frm.elements[i].name + "i") : "";

    if (needinput != "" && frm.elements[i].value.length == 0)
    {
      msg += "- " + needinput.innerHTML + msg_blank + "
";
    }
  }

  if (msg.length > 0)
  {
    alert(msg);
    return false;
  }
  else
  {
    return true;
  }
}

數(shù)據(jù)類型轉(zhuǎn)換規(guī)則

自動(dòng)轉(zhuǎn)換為布爾值

JavaScript 遇到預(yù)期為布爾值的地方（比如if語(yǔ)句的條件部分），就會(huì)將非布爾值的參數(shù)自動(dòng)轉(zhuǎn)換為布爾值。系統(tǒng)內(nèi)部會(huì)自動(dòng)調(diào)用Boolean函數(shù)。

因此除了以下五個(gè)值，其他都是自動(dòng)轉(zhuǎn)為true。

undefined
null
0
NaN
""（空字符串）

自動(dòng)轉(zhuǎn)換為字符串

JavaScript 遇到預(yù)期為字符串的地方，就會(huì)將非字符串的值自動(dòng)轉(zhuǎn)為字符串。具體規(guī)則是，先將復(fù)合類型的值轉(zhuǎn)為原始類型的值，再將原始類型的值轉(zhuǎn)為字符串。

字符串的自動(dòng)轉(zhuǎn)換，主要發(fā)生在字符串的加法運(yùn)算時(shí)。當(dāng)一個(gè)值為字符串，另一個(gè)值為非字符串，則后者轉(zhuǎn)為字符串。

"5" + 1 // "51"
"5" + true // "5true"
"5" + false // "5false"
"5" + {} // "5[object Object]"
"5" + {a:12} // "5[object Object]"
"5" + [] // "5"
"5" + [1,2] // "51,2"
"5" + function (){} // "5function (){}"
"5" + undefined // "5undefined"
"5" + null // "5null"

自動(dòng)轉(zhuǎn)換為數(shù)值

JavaScript 遇到預(yù)期為數(shù)值的地方，就會(huì)將參數(shù)值自動(dòng)轉(zhuǎn)換為數(shù)值。系統(tǒng)內(nèi)部會(huì)自動(dòng)調(diào)用Number函數(shù)。

除了加法運(yùn)算符（+）有可能把運(yùn)算子轉(zhuǎn)為字符串，其他運(yùn)算符都會(huì)把運(yùn)算子自動(dòng)轉(zhuǎn)成數(shù)值。

"5" - "2" // 3
"5" * "2" // 10
true + 3  // 4
true - 1  // 0
false - 1 // -1
"1" - 1   // 0
"5" * []    // 0
false / "5" // 0
"abc" - 1   // NaN
null + 1 // 1
undefined + 1 // NaN

// 對(duì)象 -> NaN

// 數(shù)組 
1、空數(shù)組 -> 0
2、只有一個(gè)元素?cái)?shù)組（數(shù)值） ->  數(shù)值
3、只有一個(gè)元素?cái)?shù)組（數(shù)值字符串）  ->  數(shù)值
4、多個(gè)元素?cái)?shù)組 -> NaN

// 函數(shù) -> NaN

注意：null 轉(zhuǎn)為數(shù)值時(shí)為 0，而 undefined 轉(zhuǎn)為數(shù)值時(shí)為 NaN。

比較運(yùn)算(==) - 數(shù)據(jù)類型轉(zhuǎn)換

記住特例：
null == underfined (true)
null == null (true)
underfined == underfined (true)
NaN == NaN (false)
除了上面這2種要記住，只有存在null、underfined、NaN其中一個(gè)，比較都是返回fasle
==兩邊值類型相同時(shí)，無(wú)需轉(zhuǎn)換，不同時(shí)，自動(dòng)轉(zhuǎn)換（全轉(zhuǎn)成數(shù)值類型）

// 當(dāng)比較的數(shù)據(jù)類型相同時(shí)
Number / String / Boolean ---> true
對(duì)象 / 數(shù)組 / 函數(shù) ---> false
null / underfined ---> true

// 當(dāng)比較的數(shù)據(jù)類型不相同時(shí)（轉(zhuǎn)成數(shù)值類型Number）
一邊是Number / String / Boolean，另一邊是null / underfined  都為false

JS數(shù)組也可以存非數(shù)值Key

最開始認(rèn)識(shí)的JS數(shù)組

var arr = ["234",123,{"name":"xiaoming"},ture];

// 修改
arr[0]="Opel";

最后發(fā)現(xiàn)JS數(shù)組也可以像PHP數(shù)組一樣，可以存key

var array = new Array();
    array["first"] = "my";
    array["second"] = "name";
    array["third"] = "is";
    
var arr = [];
    arr["first"] = "my";
    arr["second"] = "name";
    arr["third"] = "is";
// 打印出數(shù)組：["first":"my","second":"name","third":"is"]
// 使用如下：
array["first"]