1.js创建对象常用的方式
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():系统对象自带的,自定义对象是通过原型链查找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]';
}