js的小知識點

褰辯話發布于2019-08-23 18:14 / 3448人閱讀

摘要：如果左側的對象是右側類的實例，則返回對象拋出異常。其他情況下，它將使用一個預定于的默認字符串作為該屬性的值。當不使用操作符，直接將構造函數像一個函數一樣調用時，它的行為和帶操作符調用時一樣。

1、數據類型

有七個原始數據類型：
字符串（String）、數字(Number)、布爾(Boolean)、空（Null）、未定義（Undefined）、Object、Symbol。

注1：Object包括Function,Array,Date等
注2：Symbol 是ES6中引入的一種新的基礎數據類型，表示獨一無二的值，最大的用法是用來定義對象的唯一屬性名。
由于每一個 Symbol 的值都是不相等的，所以 Symbol 作為對象的屬性名，可以保證屬性不重名。
let sy = Symbol("KK");
console.log(sy);   // Symbol(KK)
typeof(sy);        // "symbol"

// 相同參數 Symbol() 返回的值不相等
let sy1 = Symbol("kk"); 
sy === sy1;       // false

2、typeof 和 instanceof

typeof 判斷一個變量或表達式是什么數據類型，但會數據類型；
instanceof 判斷一個構造函數的prototype屬性所指向的對象是否存在另外一個要檢測對象的原型鏈上；常用來判斷一個對象是否是數組，或者判斷某個變量是否是某個對象的實例時，返回true/false。

typeof

有2種使用方式：typeof(表達式)和typeof 變量名
typeof是一元運算符，用來返回操作數類型的字符串；
typeof一般只有一個實際應用場景，就是用來檢測一個對象是否已經定義或者是否已經賦值；
使用typeof來獲取一個變量是否存在，如if(typeof a!="undefined"){}，
而不要去使用if(a)因為如果a不存在（未聲明）則會出錯;
typeof遇到null,數組,對象時都會返回object類型,這時要用到instanceof

instanceof

var a=new Array();    
console.log(a instanceof Array); // true
console.log(a instanceof Object); // true
instanceof 左操作數是一個類，右操作數是標識對象的類。如果左側的對象是右側類的實例，則返回true.

3、Error對象

拋出異常。

Error 的構造：

new Error();
new Error(message);

參數：

message：一條可選的錯誤消息，用于提供關于該異常的細節。

描述：

一個新構建的 Error 對象。如果指定 message 參數，則該 Error 對象將它用做它的 message 屬性值。
其他情況下，它將使用一個預定于的默認字符串作為該屬性的值。
當不使用 new 操作符，直接將 Error() 構造函數像一個函數一樣調用時，它的行為和帶 new 操作符調用時一樣。
Error類實例表示的錯誤或異常通常配合 throw 和 try/catch 語句一起使用。

實例1：

function fun1( x ) {
     if ( x < 0 ) {
          throw new Error("x 小于 0 了");
     }
     else {
          return 1;
     }
}
fun1 (1); // 1
fun1 (-1); // 報錯，Uncaught Error: x 小于 0 了
try {
     fun1( -1 );/* 拋出異常，進入catch */
} catch ( e ) {
     if ( e instanceof Error ) {
          console.log( e.name + ":" + e.message );
     }
} // 會打印：Error:x 小于 0 了

4、Console 對象

是宿主對象（也就是游覽器）提供的內置對象，訪問調試控制臺，用于 JavaScript 調試
詳細用法參考

console.log("hello");
console.info("信息");
console.error("錯誤");
console.warn("警告");

console.log("%d年%d月%d日",2011,3,26);// 2011年3月26日

//%o可展開的DOM,%O列出DOM的屬性
// 格式成可展開的的DOM，像在開發者工具Element面板那樣可展開 
console.log("%o",document.body.firstElementChild); 
// 像JS對象那樣訪問DOM元素，可查看DOM元素的屬性 
console.log("%O",document.body.firstElementChild);

console.log("%c菜鳥教程！","color: red; font-size: 20px"); //輸出紅色的、20px大小的字符串：菜鳥教程,歡迎您！
等等......

GPU云服務器云服務器關于網絡安全的小知識 js核心知識 js知識圖 js算法與數據結構基礎知識

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104886.html

寫一本關于 React.js 的小書

摘要：因為工作中一直在使用，也一直以來想總結一下自己關于的一些知識經驗。于是把一些想法慢慢整理書寫下來，做成一本開源免費專業簡單的入門級別的小書，提供給社區。本書的后續可能會做成視頻版本，敬請期待。本作品采用署名禁止演繹國際許可協議進行許可 React.js 小書本文作者：胡子大哈本文原文：React.js 小書轉載請注明出處，保留原文鏈接以及作者信息在線閱讀：http://huzi...

Scorpion 2019-08-21 11:39 評論0 收藏0
記錄一個關于內存拷貝（淺拷貝）和js鏈表的小知識點

摘要：開頭介紹記錄一個做看答案學到的小知識。。。其中，它們各自的位數是按照逆序的方式存儲的，并且它們的每個節點只能存儲一位數字。如果，我們將這兩個數相加起來，則會返回一個新的鏈表來表示它們的和。 1.開頭介紹記錄一個做leetcode看答案學到的小知識。。。淺拷貝實現一些特殊的功能的一些應用場景 2.正文比如：我們有一個需求如下 { val:0, child:null ...

hedge_hog 2019-08-23 16:45 評論0 收藏0
JS中的正則表達式的小知識總結

摘要：下面我們來介紹一下什么是正則表達式定義正則也叫規則，是讓計算機能夠讀懂人類的規則，正則都是操作字符串的，正則是一個強大的字符串匹配工具。傳統字符串的方法 1.indexOf ——查找對應字符的位置2.SubString——用來截取字符串3.charAt——在字符串中根據下標去找對應的字符4.Split ——將字符串通過分割符轉成數組傳統的小案例 var str = ab...

aboutU 2019-08-21 18:22 評論0 收藏0
vue.js的小知識

摘要：對于最終的結果，兩種方式確實是相同的。然而，不同的是計算屬性是基于它們的依賴進行緩存的。這就意味著只要還沒有發生改變，多次訪問計算屬性會立即返回之前的計算結果，而不必再次執行函數。 vue.js vue.js 的構造 new Vue({}) new new MyComponent() 屬性與方法 vue會代理其data對象里所有的屬性例如 data.a=vn.a vm.$i...

light 2019-08-20 19:04 評論0 收藏0
React中的小知識點

摘要：配置默認和中的操作并不能完全滿足所有操作需求，有些時候還是需要和打交道。當中提供了屬性來幫助我們獲取已經掛載元素的節點。當元素在頁面上掛載完成以后，就會調用這個函數，并且把這個掛載以后的節點傳給這個函數。配置默認 defaultProps class ExampleComponent extends React.Component{ static defaultProps =...

niceforbear 2019-08-20 16:59 評論0 收藏0