js面向对象

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]';
}