如何在javascript中使用對象和prototype原型

如何在javascript中使用對象和prototype原型？針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

<script type="text/javascript">
  //創(chuàng)建一個Test對象
  function Test(){
  }
  var test = new Test();
  //創(chuàng)建一個對象
  var obj = new Object();
  //json 對象
  var json1 = {};
</script>

類都有自己的屬性和方法，我們怎么去定義

<script type="text/javascript">
  function Test(){
    this.name = "譚勇";
    this.age = 22;
    this.getName = function(){
      return this.name;
    }
    this.getAge = function(){
      return this.age;
    }
  }
  var test = new Test();
  console.log(test); //查看一下日志
  var obj = new Object();
  obj.name = "譚勇";
  obj.age = "22";
  obj.getName = function(){
    return this.name;
  };
  obj.getAge = function(){
    return this.age;
  };
  console.log(obj);  //查看下日志
  var json1 = {};
  json1["name"] = "譚勇";
  json1["age"] = 22;
  json1["getName"] = function(){
    return this.name;
  }
  json1["getAge"] = function(){
    return this.age;
  }
  console.log(json1); //查看下日志
</script>

構(gòu)造方法

<script type="text/javascript">
  function Test2(name,age){
    this.name = name;
    this.age = age;
    this.getName = function(){
      return this.name;
    }
    this.getAge = function(){
      return this.age;
    }
  }
  var test2 = new Test2("譚勇",22);
  console.log(test2);  //查看下日志
</script>

行為有形參

<script type="text/javascript">
  function Test3(){
    this.demo = function(param_str){
      return param_str;
    }
  }
  var test3 = new Test3();
  console.log(test3.demo("aaaaaaaaaaaaaaaaaaaa"));
</script>

繼承

<script type="text/javascript">
  function parent(){
    this.getStr = function(){
      return "test str";
    }
  }
  function son(){}
  son.prototype = new parent();
  var sona = new son();
  console.log(sona.getStr());
</script>

拷貝繼承

<script type="text/javascript">
  function extend(Child, Parent) {
  　　　　var p = Parent.prototype;
  　　　　var c = Child.prototype;
  　　　　for (var i in p) {
  　　　　　　c[i] = p[i];
  　　　　}
  }
  function parent(){
  }
  parent.prototype.getStr=function(){
    return "test str";
  }
  function son(){
  }
  extend(son,parent);
  var sona = new son();
  console.log(sona.getStr());
</script>

原型

原型是一個對象，其他對象可以通過它實現(xiàn)屬性繼承。
任何一個對象都可以成為原型么？

是

哪些對象有原型

所有的對象在默認的情況下都有一個原型，因為原型本身也是對象，所以每個原型自身又有一個原型(只有一種例外，默認的對象原型在原型鏈的頂端。)

<script type="text/javacript">
  var str = "譚勇";
  String.prototype.getName = function(){
    var strs = "";
    for(var i=0;i<this.length;i++){
      strs += this[i];
    }
    return strs;
  }
  console.log(str.getName());
  console.log(str);
  console.log(str[0]);
</script>

javascript是一種什么語言

javascript是一種動態(tài)類型、弱類型的語言，基于對象和事件驅(qū)動并具有相對安全性并廣泛用于客戶端網(wǎng)頁開發(fā)的腳本語言，同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言。它主要用來給HTML網(wǎng)頁添加動態(tài)功能，現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器，如Node.js。

關(guān)于如何在javascript中使用對象和prototype原型問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。