JavaScript中的面向對象
阿新 • • 發佈:2018-08-10
null 對象實例 如果 構造函數 lean his 3.2 數據 命名規則 1、js中的數據類型
原始類型:字符串 string、 數字 number、 布爾 boolean、 null undefined 。其中null表示沒有對象,undefined 表示沒有定義
數組 array 對象 object
2、創建對象:
1、通過new關鍵字創建對象
var obj=new Object();
obj.name="";
obj.age=18;
obj.todo=function(){}
2、通過對象字面量
2.1 簡單的字面量
var obj2={};
obj2.name="";
obj2.todo=function(){return this.name;}
2.2 嵌套字面量(推薦)
var obj3={name:"",age:18,todo:function(){},run:function(){}}
key中如果有空格或者有“-”或者有保留字關鍵字需要添加引號。
3、構造函數 構造函數的首字母必須要大寫
3.1 構造函數模式
function Person(name,age){
this.name=name;
this.age=age;
this.todo=function(){
return this.age;
}
}
原始類型:字符串 string、 數字 number、 布爾 boolean、 null undefined 。其中null表示沒有對象,undefined 表示沒有定義
數組 array 對象 object
2、創建對象:
1、通過new關鍵字創建對象
var obj=new Object();
obj.name="";
obj.age=18;
obj.todo=function(){}
2、通過對象字面量
2.1 簡單的字面量
var obj2={};
obj2.name="";
obj2.todo=function(){return this.name;}
var obj3={name:"",age:18,todo:function(){},run:function(){}}
key中如果有空格或者有“-”或者有保留字關鍵字需要添加引號。
3、構造函數 構造函數的首字母必須要大寫
3.1 構造函數模式
function Person(name,age){
this.name=name;
this.age=age;
this.todo=function(){
return this.age;
}
}
var person=new Person("",18); person.name; person[name]; 3.2 工廠模式 function person(name,age){ var obj=new Object(); obj.name=name; obj.age=age; return obj; } var p=person("馮寶寶",18); p.name 3.3 普通函數 function person(name){ //this==>指代函數的調用者 return name; } person("馮寶寶"); 4.構造函數與普通函數的區別 4.1 this 指向 構造函數的this指向創建的對象實例上 普遍函數指向函數的調用者 4.2 調用的方式 構造函數需要通過new調用 4.3 命名規則 構造函數第一個字母需要大寫
函數聲明和函數表達式
function add(){}
var add1=function(){}
JavaScript中的面向對象