我不過略有一些讨人喜歡的地方而已,怎麼會有什麼迷人的魔力呢?
一.文法
JS隻有一個數字類型,64位浮點數,是以1和1.0是相同的。為什麼這麼設計:防止短整型的溢出。
二.對象
1.通常将一個對象的值賦給另一個變量的指派方法
if(car.name!=null){
a=car.name;
}else{
a='unknown';
}
小技巧(給預設值):
a=car.name||"unknown";
2.嘗試從一個對象的屬性中取值
通常
if(car!=undefined){
a=car.age;
}
小技巧:
a=car&&car.age;
3.枚舉屬性
通常我們會簡單的使用for in
var name;
for(name in car ){
...
}
這樣的後果就是周遊出來的屬性你可能無法預知,會周遊到原型上的屬性
小技巧:不适用for in,取而代之用for循環
var properties=[
'name',
'status',
'useTime'
];
for(var i=0;i<properties.length;i++){
car[properties[i]] ...
}
4.删除屬性
這個東西估計很少有人會使用到,但是存在既有道理,我就遇到過一個場景,在使用一個第三方的類庫的時候,類庫提供的方法建立的對象有我不需要的屬性,而我要将這個對象轉化為JSON格式的字元串,這個時候删除屬性這個功能尤其的強大。
Delete car.name ;
三.函數
1.調用
JS中有4種調用方式
- 方法調用模式
- 函數調用模式
- 構造器調用模式
- apply調用模式
四種模式的差異在于 this指向
方法調用模式很好了解,我們寫C#定義一個類CAR,給CAR定義一個方法RUN,這個時候執行個體化一個對象 jeep ,那麼方法調用就是 jeep.RUN();
JS中同樣如此
var jeep ={
run:function(){
...
}
};
jeep.run();
this的指向為調用的對象。
函數調用模式,如下add2函數被調用的方式,直接寫函數名
function add(a, b) {
return a + b;
}
var shuxue={};
shuxue.calculate1 = function () {
var add2 = function () {
this.value=this.add(3, 3);
}
add2();//函數調用模式
}
shuxue.calculate1();//方法調用模式
document.write(shuxue.value);//undefined
shuxue.calculate2 = function () {
var that=this;
var add2 = function () {
that.value=this.add(3, 3);
}
add2();//函數調用模式
}
shuxue.calculate2();//方法調用模式
document.write(shuxue.value);//6
這裡的this指向有點問題,JS設計之初把它指向了全局,如果這樣就會導緻上面代碼的異常,代碼定義了一個shuxue的對象,并給他定義了2個方法calculate1和calculate2,我們發現都同樣在函數内部調用了add2函數,add2函數内試圖給對象增加一個屬性
value,calculate1的方式失敗了,calculate2的方式成功了,差別在于後者把this(這時候的this是指向該函數的)給了函數的内部變量that,固定了下來,内嵌的函數使用外部函數的變量,也就是形成了閉包,前者this指向全局。
var Car=function(){};
var jeep=new Car(); //有個約定,如果函數是用來new的,那麼大寫開頭,以差別于一般的函數
this指向這個new的對象
JS是一門函數式的面向對象程式設計語言,是以函數可以擁有方法
function add(a, b) {
return a + b;
}
var result=add.apply(null,[3,4]);
document.write(result);// 7
function getName(){
return this.name;
}
var car={name:'jeep'};
var name=getName.apply(car);// car并沒有getName方法
document.write(name); // jeep
this指向apply第一個參數
2.子產品
我們知道JS很容易造成全局變量的濫用,是以JS提供了一個方法,利用閉包和和函數作用域(JS沒有塊級作用域ES6之前)構造子產品
var man=function(){
var age=12;
return {
getYear:function(){
return age;
},
setYear:function(n){
age=n;
}
}
}
var peter=man();
document.write(peter.getYear()); //12
peter.setYear(20);
document.write(peter.getYear());//20
document.write(peter.age); //undefined 屬性私有隻能通過接口通路
3.級聯
這個已經被廣大程式猿們所喜愛了
var man=function(){
var age=12;
return {
getYear:function(){
alert(age);
return this;
},
setYear:function(n){
age=n;
return this;
}
}
}
var peter=man();
peter.getYear().setYear(20).getYear(); //級聯
time waits for no one
如果,您認為閱讀這篇部落格讓您有些收獲,不妨點選一下右下角的 【
推薦】 按鈕。
因為,我的寫作熱情離不開您的肯定支援。
感謝您的閱讀,如果您對我的部落格所講述的内容有興趣,請繼續關注我的後續部落格。