麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

解析Javascript中難以理解的11個問題

2019-11-20 21:30:21
字體:
來源:轉載
供稿:網友

1.原始值與引用值

原始值存放在棧里, 引用值存放在堆里. 如程序:

復制代碼 代碼如下:

function Person(id,name,age){
 this.id = id;
 this.name = name;
 this.age = age;
}

var num = 10;
var bol = true;
var str = "abc";
var obj = new Object();
var arr = ['a','b','c'];
var person = new Person(100,"笨蛋的座右銘",25);

2.undefined和null

undefined: 變量未定義; 是Undefined類型的專屬值;

null:引用未分配; 是Null類型的專屬值.

typeof(undefined) == undefined;
typeof(null) == object;
undefined==null;
undefined!==null;
null instanceof Object == false;
undefined instanceof Object == false;

雖然有Undefined和Null類型, 但是通過下面的例子說明這兩個類型是不可見的, 也就是說我們只能使用他們的值:

alert(undefined instanceof Undefined);
alert(null instanceof Null);

3.偽數組

特點:
1) 具有length屬性;

2) 像數組一樣按索引順序存取數據;

3) 不具備數組特有的操作數據的方法如push, pop, slice...

偽數組都可以通過Array.prototype.slice轉換為真正的數組:

var faceArray = {0: 'a', 1: 'b', length: 2}//標準的偽數組;

var realArray = Array.prototype.slice.call(fakeArray);

js中的偽數組:arguments, node.childNodes, document.getElementsByTagName()...

IE中的問題 : IE中node.childNodes是不能用slice轉化的.

Jquery中的偽數組 : Jquery本身就是一個偽數組:

alert($('.class1').length); alert($('.class1').[0].tagName);

4.關于簡單類型的字面量

var a = 1; b = true, c = "ccc";

字面量看起來有類型

alert(typeof a);//number
alert(typeof b);//boolean
alert(typeof c);//string

但是通過instanceof卻測不出來

alert(a instanceof Number)//false
alert(a instanceof Object)//false
alert(b instanceof Boolean)//false
alert(b instanceof Object)//false
alert(c instanceof String)//false
alert(c instanceof Object)//false

5.函數的prototype屬性和對象實例的內部prototype屬性

每個function(構造函數)都有一個prototype屬性, 每個對象實例都有一個不可見的(mozilla把它公開了, 可以通過__proto__來取得)內部的prototype屬性, 它指向構造函數的prototype屬性. prototype還可以有它自己的prototype屬性, 這構成了prototype鏈,  Object是最頂的對象, 所以所有的prototype鏈最終會指向Object.prototype. 當訪問對象實例的屬性/方法的時候, 從對象實例自己開始搜索, 若果搜索不到, 沿著prototype鏈向上搜索, 直到Object.prototype.prototype == null 為止.

6.構造函數的一個小秘密

復制代碼 代碼如下:

var s = new function(){return "sss"};
alert(s);//[object Object]
s = new function(){return new String("sss")};
alert(s);//sss

關于這段代碼的解釋:

只要 new 表達式之后的 constructor 返回(return)一個引用對象(數組,對象,函數等),都將覆蓋new創建的匿名對象,如果返回(return)一個原始類型(無 return 時其實為 return 原始類型 undefined),那么就返回 new 創建的匿名對象.


7.對象的創建的過程

復制代碼 代碼如下:

function Person(name){
        this.name = name;   
}
Person.prototype = {
        getName: function(){return this.name}   
};

var p = new Person('zhangsan');


解密p的創建過程:

◦創建一個build-in object對象obj并初始化;

◦將p的內部[[Prototype]]指向Person.prototype;

◦將p作為this,使用arguments參數調用Person的內部[[Call]]方法, 即執行Person函數體, 并返回返回值, 如果沒有return, 則返回undefined;

◦如果前一步返回的是Object類型, 則返回這個值給p, 否則返回obj.

8.對象的自有屬性和繼承屬性

復制代碼 代碼如下:

function Person(name){
        this.name = name;   
}
Person.prototype = {
        type: 'human',
        getName: function(){return this.name}   
};
var p = new Person('zhangsan');
alert(p.hasOwnProperty('type'));//false
p.type = 'ren';
alert(p.hasOwnProperty('type'));//true

運行結果很明確,對象的屬性無法修改其原型中的同名屬性,而只會自身創建一個同名屬性并為其賦值。

9.函數對象的創建過程

創建一個build-in object對象fn;

將fn的內部[[Prototype]]設為Function.prototype;

設置內部的[[Call]]屬性,它是內部實現的一個方法,處理函數調用的邏輯。(簡單的理解為指向函數體);

設置fn.length為funArgs.length,如果函數沒有參數,則將fn.length設置為0;

fn.prototype的constructor指向fn自己;

返回fn.

10.instanceof的原理

查看a是不是B的實例, 就是看B的prototype(構造函數的prototype屬性)指向的對象在不在a的原形鏈上.

11.關于Function和Object的猜測

alert(Function instanceof Function);//true
alert(Function instanceof Object);//true  
alert(Object instanceof Function);//true
alert(Object instanceof Object);//true

想了好久, 沒有想透......

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 成人免费福利视频 | 黄色成人小视频 | 国产精品啪一品二区三区粉嫩 | 日韩做爰视频免费 | 国产成人高清成人av片在线看 | 久久色在线 | 久久久久久久一区二区三区 | 久久久久久久亚洲视频 | 成码无人av片在线观看网站 | 久久华人| 久久在线精品视频 | 黄色免费在线视频网站 | 欧美在线观看黄色 | 久草在线视频新 | 一级做人爱c黑人影片 | 青草久久久久 | 深夜视频在线 | 国产羞羞视频在线观看免费应用 | 成人免费激情视频 | 黄色网址免费在线播放 | 欧美黄色一区 | 国产二区三区在线播放 | 黄网站免费在线看 | 日本视频网 | 日本黄色大片免费 | 男女无套免费视频 | 精品国产乱码久久久久久久 | 91成人免费网站 | 久久久久九九九女人毛片 | 日本精品久久久一区二区三区 | 麻豆911| 欧美精品第1页 | 91亚洲免费视频 | 久久久久久久久久久久99 | 777午夜精品视频在线播放 | 中文字幕精品在线播放 | 国产成人自拍小视频 | 亚洲国产一区二区三区 | 久热久操| 欧美日韩爱爱视频 | 77成人影院 |