<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      深入理解javascript原型和閉包(1)——一切都是對象

      “一切都是對象”這句話的重點在于如何去理解“對象”這個概念。

      ——當然,也不是所有的都是對象,值類型就不是對象。

       

      首先咱們還是先看看javascript中一個常用的運算符——typeof。typeof應該算是咱們的老朋友,還有誰沒用過它?

      typeof函數輸出的一共有幾種類型,在此列出:

             function show(x) {
      
                  console.log(typeof x);    // undefined
                  console.log(typeof 10);   // number
                  console.log(typeof 'abc'); // string
                  console.log(typeof true);  // boolean
      
                  console.log(typeof function () {});  //function
      
                  console.log(typeof [1, 'a', true]);  //object
                  console.log(typeof { a: 10, b: 20 });  //object
                  console.log(typeof null);  //object
                  console.log(typeof new Number(10));  //object
              }
              show();

      以上代碼列出了typeof輸出的集中類型標識,其中上面的四種(undefined, number, string, boolean)屬于簡單的值類型,不是對象。剩下的幾種情況——函數、數組、對象、null、new Number(10)都是對象。他們都是引用類型

      判斷一個變量是不是對象非常簡單。值類型的類型判斷用typeof,引用類型的類型判斷用instanceof。

      var fn = function () { };
      console.log(fn instanceof Object);  // true

       

      好了,上面說了半天對象,各位可能也經常在工作中應對對象,在生活中還得應對活生生的對象。有些個心理不正常或者愛開玩笑的單身人士,還對于系統提示的“找不到對象”耿耿于懷。那么在javascript中的對象,到底該如何定義呢?

      對象——若干屬性的集合。

      java或者C#中的對象都是new一個class出來的,而且里面有字段、屬性、方法,規定的非常嚴格。但是javascript就比較隨意了——數組是對象,函數是對象,對象還是對象。對象里面的一切都是屬性,只有屬性,沒有方法。那么這樣方法如何表示呢?——方法也是一種屬性。因為它的屬性表示為鍵值對的形式。

      而且,更加好玩的事,javascript中的對象可以任意的擴展屬性,沒有class的約束。這個大家應該都知道,就不再強調了。

      先說個最常見的例子:

      以上代碼中,obj是一個自定義的對象,其中a、b、c就是它的屬性,而且在c的屬性值還是一個對象,它又有name、year兩個屬性。

       

      這個可能比較好理解,那么函數和數組也可以這樣定義屬性嗎?——當然不行,但是它可以用另一種形式,總之函數/數組之流,只要是對象,它就是屬性的集合。

      以函數為例子:

              var fn = function () {
                  alert(100);
              };
              fn.a = 10;
              fn.b = function () {
                  alert(123);
              };
              fn.c = {
                  name: "王福朋",
                  year: 1988
              };

      上段代碼中,函數就作為對象被賦值了a、b、c三個屬性——很明顯,這就是屬性的集合嗎。

      你問:這個有用嗎?

      回答:可以看看jQuery源碼!

      在jQuery源碼中,“jQuery”或者“$”,這個變量其實是一個函數,不信你可以叫咱們的老朋友typeof驗證一下。

      console.log(typeof $);  // function
      console.log($.trim(" ABC "));

      驗明正身!的確是個函數。那么咱們常用的 $.trim() 也是個函數,經常用,就不用驗了吧!

      很明顯,這就是在$或者jQuery函數上加了一個trim屬性,屬性值是函數,作用是截取前后空格。

       

      javascript與java/C#相比,首先最需要解釋的就是弱類型,因為弱類型是最基本的用法,而且最常用,就不打算做一節來講。

      其次要解釋的就是本文的內容——一切(引用類型)都是對象,對象是屬性的集合。最需要了解的就是對象的概念,和java/C#完全不一樣。所以,切記切記!

       

      最后,有個疑問。在typeof的輸出類型中,function和object都是對象,為何卻要輸出兩種答案呢?都叫做object不行嗎?——當然不行。

      具體原因,且聽下回分解!

       

      ---------------------------------------------------------------------------

      本文已更新到《深入理解javascript原型和閉包》的目錄,更多內容可參見《深入理解javascript原型和閉包》。

      另外,歡迎關注我的微博

      學習作者教程:《前端JS高級面試》《前端JS基礎面試題》《React.js模擬大眾點評webapp》《zepto設計與源碼分析》《json2.js源碼解讀

      posted @ 2014-09-17 20:34  王福朋  閱讀(139295)  評論(72)    收藏  舉報
      主站蜘蛛池模板: 日韩一卡二卡三卡四卡五卡| 公天天吃我奶躁我的在| 亚洲国产精品自产在线播放| 无码天堂va亚洲va在线va| 色欲av亚洲一区无码少妇| 另类 专区 欧美 制服| 国产另类ts人妖一区二区| 亚洲av色在线播放一区| 有码中文字幕一区三区| 邹城市| 国产成人一区二区三区视频免费| 开心五月深深爱天天天操| 18av千部影片| 深夜精品免费在线观看| 日韩精品亚洲国产成人av| 午夜福利国产片在线视频| 日韩人妻无码精品久久| 国产亚洲精品AA片在线播放天| 成在线人永久免费视频播放| 国内精品久久久久电影院| 国产成人高清在线观看视频| 西西午夜无码大胆啪啪国模| 亚洲成色av网站午夜影视| 亚洲人妻一区二区精品| 国产一区二区不卡在线| 国产综合久久久久久鬼色| 中文字幕乱码中文乱码毛片| 粉嫩国产一区二区三区在线| 精品一区二区亚洲国产| 国产成人精品免费视频大全| 成A人片亚洲日本久久| 国产成人精品久久性色av| 亚洲精品美女久久久久9999| 丰满无码人妻热妇无码区| 国产中文字幕在线一区| 97成人碰碰久久人人超级碰oo| 亚洲色大成网站www久久九九| 午夜国产精品福利一二| 久久爱在线视频在线观看| 亚洲人成小说网站色在线| 久久婷婷五月综合色和啪|