JS六種數(shù)據(jù)類型
JS定義變量無需指定類型,如下:
var num = 32;
num = "this is a string";再賦值給num也是合法的
32 + 32 數(shù)字相加抑钟,結(jié)果為 64
"32" + 32 字符與數(shù)字相加,會理解去字符串拼接,結(jié)果為 "3232"
"32" - 32 字符與數(shù)字相減崔泵,會隱式轉(zhuǎn)換颠通,被理解為數(shù)字運算,結(jié)果為 0
原始類型:number , string , boolean , null , undefined
對象類型:object
其中object對象類型中包含致讥,函數(shù)(Function)仅仆、數(shù)組(Array)、日期(Date)垢袱、...
NaN跟任何比較都不相等墓拜,包括它自己
NaN ≠ NaN
null === null
undefined === undefined
new Object ≠ new Object(只有new Object x,x===x请契,才返回ture)
類型不同
null == undefined 相等
number == string 隱式轉(zhuǎn)為number 即: 1 == "1.0" //ture
boolean == ? 不管是什么咳榜,都轉(zhuǎn)成number,1則返回ture爽锥,0則返回false
object ==number | string 對象會嘗試轉(zhuǎn)換成基本類型 new String('hi') == 'hi' //ture涌韩, 其他為false
typeof null === "object"
兼容問題,使用下面的函數(shù)救恨,解決
function type(a){
return a === null ? '[object Null]':Object.prototype.toString.apply(a); //hack ie678
}
for in循環(huán)贸辈,一般用于遍歷數(shù)組
for(var i in arr1)
push()方法
向數(shù)組的末尾添加一個或多個元素,并返回新的長度肠槽。
sort() 方法
用于對數(shù)組的元素進行排序擎淤。可以實現(xiàn)無序比較秸仙。
Array.isArray() 用于確定傳遞的值是否是一個 Array嘴拢。
apply:方法能劫持另外一個對象的方法,繼承另外一個對象的屬性.
Function.apply(obj,args)方法能接收兩個參數(shù)
obj:這個對象將代替Function類里this對象
args:這個是數(shù)組寂纪,它將作為參數(shù)傳給Function(args-->arguments)
call:和apply的意思一樣,只不過是參數(shù)列表不一樣.
Function.call(obj,[param1[,param2[,…[,paramN]]]])
obj:這個對象將代替Function類里this對象
params:這個是一個參數(shù)列表
1.apply示例:
<script type="text/javascript">
/*定義一個人類*/
function Person(name,age) {
this.name=name; this.age=age;
}
/*定義一個學(xué)生類*/
function Student(name,age,grade) {
Person.apply(this,arguments); this.grade=grade;
}
//創(chuàng)建一個學(xué)生類
var student=new Student("qian",21,"一年級");
//測試
alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);
//大家可以看到測試結(jié)果name:qian age:21 grade:一年級
//學(xué)生類里面我沒有給name和age屬性賦值啊,為什么又存在這兩個屬性的值呢,這個就是apply的神奇之處.
</script>
分析: Person.apply(this,arguments);
this:在創(chuàng)建對象在這個時候代表的是student
arguments:是一個數(shù)組,也就是["qian","21","一年級"];
也就是通俗一點講就是:用student去執(zhí)行Person這個類里面的內(nèi)容,在Person這個類里面存在this.name等之類的語句,這樣就將屬性創(chuàng)建到了student對象里面
2.call示例
在Studen函數(shù)里面可以將apply中修改成如下:
Person.call(this,name,age);
這樣就ok了
3.什么情況下用apply,什么情況下用call
在給對象參數(shù)的情況下,如果參數(shù)的形式是數(shù)組的時候,比如apply示例里面?zhèn)鬟f了參數(shù)arguments,這個參數(shù)是數(shù)組類型,并且在調(diào)用Person的時候參數(shù)的列表是對應(yīng)一致的(也就是Person和Student的參數(shù)列表前兩位是一致的) 就可以采用 apply , 如果我的Person的參數(shù)列表是這樣的(age,name),而Student的參數(shù)列表是(name,age,grade),這樣就可以用call來實現(xiàn)了,也就是直接指定參數(shù)列表對應(yīng)值的位置(Person.call(this,age,name,grade));
4.apply的一些其他巧妙用法
細心的人可能已經(jīng)察覺到,在我調(diào)用apply方法的時候,第一個參數(shù)是對象(this), 第二個參數(shù)是一個數(shù)組集合,
在調(diào)用Person的時候,他需要的不是一個數(shù)組,但是為什么他給我一個數(shù)組我仍然可以將數(shù)組解析為一個一個的參數(shù),
這個就是apply的一個巧妙的用處,可以將一個數(shù)組默認的轉(zhuǎn)換為一個參數(shù)列表([param1,param2,param3] 轉(zhuǎn)換為 param1,param2,param3) 這個如果讓我們用程序來實現(xiàn)將數(shù)組的每一個項,來裝換為參數(shù)的列表,可能都得費一會功夫,借助apply的這點特性,所以就有了以下高效率的方法:
a)Math.max 可以實現(xiàn)得到數(shù)組中最大的一項
因為Math.max 參數(shù)里面不支持Math.max([param1,param2]) 也就是數(shù)組
但是它支持Math.max(param1,param2,param3…),所以可以根據(jù)剛才apply的那個特點來解決 var max=Math.max.apply(null,array),這樣輕易的可以得到一個數(shù)組中最大的一項
(apply會將一個數(shù)組裝換為一個參數(shù)接一個參數(shù)的傳遞給方法)
這塊在調(diào)用的時候第一個參數(shù)給了一個null,這個是因為沒有對象去調(diào)用這個方法,我只需要用這個方法幫我運算,得到返回的結(jié)果就行,.所以直接傳遞了一個null過去
b)Math.min 可以實現(xiàn)得到數(shù)組中最小的一項
同樣和 max是一個思想 var min=Math.min.apply(null,array);
c)Array.prototype.push 可以實現(xiàn)兩個數(shù)組合并
同樣push方法沒有提供push一個數(shù)組,但是它提供了push(param1,param,…paramN) 所以同樣也可以通過apply來裝換一下這個數(shù)組,即:
vararr1=new Array("1","2","3");
vararr2=new Array("4","5","6");
Array.prototype.push.apply(arr1,arr2);
也可以這樣理解,arr1調(diào)用了push方法,參數(shù)是通過apply將數(shù)組裝換為參數(shù)列表的集合.
通常在什么情況下,可以使用apply類似Math.min等之類的特殊用法:
一般在目標函數(shù)只需要n個參數(shù)列表,而不接收一個數(shù)組的形式([param1[,param2[,…[,paramN]]]]),可以通過apply的方式巧妙地解決這個問題!
屬性訪問表達式:
var o={x:1};
o.x;
o['x']
運算符 “席吴,”
var val = (1,2,3);
輸出var=3赌结;
逗號運算符表示都會被計算,結(jié)果選取最右側(cè)的值孝冒。
delete obj.x
即刪除obj.x屬性的值
如:
var obj={x:1}
obj.x; //1
delete obj.x;
obj.x //undefined
IE9后
var obj={};
Object.defineProperty(obj , 'x' ,{
configurable:false
value:1
});
delete obj.x; //false
obj.x; //1
configurable為true時柬姚,delete才有效
in運算符
window.x=1;
'x' in window; //true
判斷是否有這個屬性。
instanceof 是基于原型鏈庄涡,判斷基本類型
typeof 返回的是字符串量承,意識用于原始類型,或者函數(shù)對象穴店。
hasOwnProperty('x'); 判斷x屬性是否為對象上的撕捍,還是對象的原型鏈上的。
function Foo(){}
Foo.prototype.x=1
var obj = new Foo();
obj.x;//1
obj.hasOwnProperty('x');//false
obj._proto_.hasOwnProperty('x');//true
沒有塊級作用域
for(var i=0;i<10;i++)
{
var str="hi";
console.log(str);
}
等同于下面:
var i=0;
for(;i<10;i++)
{
var str="hi";
console.log(str);
}
i的值為10
try...catch 語句
內(nèi)部執(zhí)行后泣洞,外部不在執(zhí)行忧风。
內(nèi)部還會有異常拋出,則最吼執(zhí)行外部try..catch語句