1.js創(chuàng)建對象常用的方式
1.混合的構造函數脯厨，原型方式（推薦）：
function myObject(args){
//對象屬性
this.args = args;
}
//對象方法
myObject.prototype.func = function(){
alert(this.args);
};
//實例化對象并調用方法
var myObj = new myObject('hello world');
myObj.func();
2.工廠方式
function myObject(){
var obj = new Object();
obj.name = 'Jack';
obj.func = function(){
alert(this.name);
}
return obj;
}
//實例化對象并調用方法
//這里不要用new關鍵字
var myOb = myObject();
myOb.func();
3.構造函數方式
function myObj(){
this.name = 'Jack';
this.func = function(){
alert(this.name)
}
}
//實例化對象并調用方法
var myOb = new myObj();
myOb.func();
4.原型方式
function myObj(){}
myObj.prototype.name = 'Jackson';
myObj.prototype.age = 25;
myObj.prototype.func = function(){
alert('my name is '+this.name+',i am '+this.age+'years old');
}
//實例化對象并調用方法
var myOb = new myObj();
myOb.func();
2.js面向對象的繼承
//拷貝繼承,obj1繼承obj2
function extend(obj1,obj2){
for(var attr in obj2){
obj1[attr] = obj2[attr];
}
}
function Person(name,age){
this.name = name;
this.age = age;
}
Person.prototype.func = function(){
alert(this.name);
}
function Player(name,age,job){
//屬性繼承迄损，call改變this指向問題
Person.call(this,name,age);
this.job= job;
}
//方法的繼承，for in ,拷貝繼承痒留，改變Player的方法也不會污染到Person類，jq中也用拷貝繼承
extend(Player.prototype, Person.prototype);
p = new Player('姚明',35,'籃球運動員');
p.func();
alert(p.name+p.age+'歲'+p.job);
3.js用toString方法判斷數據類型
toString()：把對象轉為字符串
toString()：系統(tǒng)對象自帶的锥咸，自定義對象是通過原型鏈查找Object對象的
var num = 255;
num.toString(16);//轉換為16進制狭瞎，ff
var arr = [];
alert(arr.toString == Object.prototype.toString);//false;
function Aaa(){}
var a = new Aaa();
alert(a.toString == Object.prototype.toString);//ture
console.log(Object.prototype.toString.call(123)) //[object Number]
console.log(Object.prototype.toString.call('123')) //[object String]
console.log(Object.prototype.toString.call(undefined)) //[object Undefined]
console.log(Object.prototype.toString.call(true)) //[object Boolean]
console.log(Object.prototype.toString.call({})) //[object Object]
console.log(Object.prototype.toString.call([])) //[object Array]
console.log(Object.prototype.toString.call(function(){})) //[object Function]
//判斷是否為函數
function isFunction(it) {
return Object.prototype.toString.call(it) === '[object Function]';
}
//判斷是否為數組：
function isArray(o) {
return Object.prototype.toString.call(o) === '[object Array]';
}
