javascript対象とプロトタイプの原型用法例分析
4626 ワード
本論文の実例はjavascriptオブジェクトとprototypeの原型用法を述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
私たちはプログラム開発をしています。常に直面しているのは一つの対象です。じゃ、javascriptではどのように種類と対象を作りますか?
プロトタイプはオブジェクトで、他のオブジェクトは属性継承を行うことができます。
どのオブジェクトも原型になりますか?
はい、
どのような相手が原型がありますか?
すべてのオブジェクトにはデフォルトではプロトタイプがあります。プロトタイプ自体も対象ですので、プロトタイプ自体にはもう一つのプロトタイプがあります。
もっと多くのJavaScriptに関する内容に興味がある読者は、当駅のテーマを見ることができます。「javascript対象向け入門教程」、「JavaScriptエラーとデバッグテクニックのまとめ」、「JavaScriptデータ構造とアルゴリズム技術のまとめ」、「JavaScriptはアルゴリズムと技術の総括を遍歴します。」および「JavaScript数学演算の使い方のまとめ」
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。
私たちはプログラム開発をしています。常に直面しているのは一つの対象です。じゃ、javascriptではどのように種類と対象を作りますか?
<script type="text/javascript">
// Test
function Test(){
}
var test = new Test();
//
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>
作成方法
<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>
原型プロトタイプはオブジェクトで、他のオブジェクトは属性継承を行うことができます。
どのオブジェクトも原型になりますか?
はい、
どのような相手が原型がありますか?
すべてのオブジェクトにはデフォルトではプロトタイプがあります。プロトタイプ自体も対象ですので、プロトタイプ自体にはもう一つのプロトタイプがあります。
<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>
興味のある友達はオンラインHTML/CSS/JavaScriptコードを使ってツールを実行できます。http://tools.jb51.net/code/HtmlJsRun上記コードの運行効果をテストします。もっと多くのJavaScriptに関する内容に興味がある読者は、当駅のテーマを見ることができます。「javascript対象向け入門教程」、「JavaScriptエラーとデバッグテクニックのまとめ」、「JavaScriptデータ構造とアルゴリズム技術のまとめ」、「JavaScriptはアルゴリズムと技術の総括を遍歴します。」および「JavaScript数学演算の使い方のまとめ」
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。