總結(jié)JS對象(一)

asoren 發(fā)布于2019-08-22 16:08 / 2711人閱讀

摘要：宿主對象就是執(zhí)行腳本的環(huán)境提供的對象。對于嵌入到網(wǎng)頁中的來說，其宿主對象就是瀏覽器提供的對象，所以又稱為瀏覽器對象，如等瀏覽器提供的對象。

1.對象：Javascript中所有事物都是對象，如：數(shù)值、數(shù)組、字符串、函數(shù)... 還可以自定義對象

對象的分類：
    
    (1)內(nèi)部對象：Boolean類、Number類、字符串string、Date類
        【Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各種錯誤類對象，包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError】
    其中Global和Math這兩個對象又被稱為“內(nèi)置對象”，這兩個對象在腳本程序初始化時被創(chuàng)建，不必實(shí)例化這兩個對象。
    
    (2)宿主對象：
         就是執(zhí)行JS腳本的環(huán)境提供的對象。對于嵌入到網(wǎng)頁中的JS來說，其宿主對象就是瀏覽器提供的對象，所以又稱為瀏覽器對象，如IE、Firefox等瀏覽器提供的對象。不同的瀏覽器提供的宿主對象可能不同，即使提供的對象相同，其實(shí)現(xiàn)方式也大相徑庭！這會帶來瀏覽器兼容問題，增加開發(fā)難度。
    瀏覽器對象有很多，如Window和Document等等。
    
    (3)自定義對象：即程序員用代碼自己定義的

2.對象的屬性：

屬性是與對象相關(guān)的值。

訪問對象屬性的語法是：objectName.propertyName

example:
    var obj="hello everyone!";
    console.log(obj.length);
    打印結(jié)果：15

3.訪問對象的方法：

方法是能夠在對象上執(zhí)行的動作
語法：objectName.methodName();
example:
    var obj="hello everyone!";
    obj.toUpperCase();
    打印結(jié)果：HELLO EVERYONE

4.對象的多種創(chuàng)建方式：

1.使用字面量直接創(chuàng)建

example：
var obj={
 key:value,
 key:value,
 method:function(){
  alert("I am Method");
 }
}

用法：obj.method();

2.Object構(gòu)造函數(shù)創(chuàng)建

example:
 var obj= new Object();
 obj.name="lucky",
 obj.age="18"  

用法：obj();

3.使用工廠方式創(chuàng)建

example:
 function object(name, age, Introduction) {
  var o = new Object(); //創(chuàng)建對象
  o.name = "lucky",
  o.age = "18",
  o.Introduction = function() {
   alert(o.name, o.age);
 }
 return o;
}

4.使用構(gòu)造函數(shù)創(chuàng)建

example:
 function Introduction(name,age,Introduction){
  this.name=name;
  this.age=age;
  this.Introduction=function(){
   alert("My name is" + this.name + "My age" + this.age);
  }
}
用法： var s1=new Introduction("Lili","16");
var s2=new Introduction("Meimei","17");

5.使用原型創(chuàng)建

example:
 function Proto(){}
  Proto.prototype.name="Lili";
  Proto.prototype.age="12";
  Proto.prototype.Introducte=function(){
   alert(this.name);
 };
    
 用法： var s3 = new Proto();

6.組合使用構(gòu)造函數(shù)和原型模式

  
example:
 function Person(name,age, obj) {
  this.name = name;
  this.age = age;
  this.obj = obj;
 }

Person.prototype = {
 constructor: Person,
 Introduction: function() {
 alert(this.name);
 }
}
用法：var Limei = new Person("Limei","20");