JavaScript オブジェクト学習の概要_JavaScript スキル

JavaScript オブジェクト

JavaScript は、String、Date、Array などの複数の組み込みオブジェクトを提供します。

オブジェクトは、プロパティとメソッドを備えた特殊なデータ型にすぎません。

JavaScript では、使用されるほぼすべての js がそのオブジェクトから分離できません。 js オブジェクトを詳しく見てみましょう。

js でのオブジェクトの分類は、以前に学習した言語での関数の分類と同じです。1 つはシステム独自に定義されたオブジェクト、もう 1 つはカスタム オブジェクトと呼ばれるユーザーが独自に作成したオブジェクトです。

一般的な内容は次のとおりです:

1: コアオブジェクト

1.配列オブジェクト

配列オブジェクト。配列の作成に使用されます。

の作成には new を使用します。

一般的に使用される方法は次のとおりです:

共通属性:

Array オブジェクトの作成と使用については、次の例を通して説明します。

<script language="javascript"> 
  var data=new Array("1","2","3");//创建数组data 
  document.writeln("data的初始内容为："+data+","); //输出数组内容 
  function fun(){  //自定义函数fun()显示数组长度 
    if(this.length!=0){ 
      document.writeln("<PRE>此数组的长度为："+this.length+"

"); }else{ document.writeln("

此数组的长度为0

"); } } Array.prototype.fun=fun; //为Array对象添加fun()方法 data.fun(); //调用fun()方法 data=new Array();//清空data数组内容 data.fun();//显示清空后数组的长度

运行结果：

说明：

prototype用于添加新的属性和方法，用法为：Array.prototype.functionName=functionName

2，Function对象

Function对象可以在程序执行的过程中动态生成函数并调用函数。

常用属性如下：

常用方法如下：

下面实例说明：

1a24b17f85e15c83fc29b7760e40bfcb 
    funSum=new Function("x","y","z=x+y;return z");   //创建函数funSum（）  
 
    x=prompt("请输X值：",""); 
    y=prompt("请输Y值：",""); 
     
    x=Number(x); 
    y=Number(y); 
    alert(newfun(x,y));  //调用函数并输出 
2cacc6d41bbb37262a98f745aa00fbf0 

注意：Function对象不可写成小些的function。Function是对象，用于动态创建函数，function是关键字，通过function new出来的函数也是Function对象的实例。

3，String对象

String对象提供了对字符串进行处理的属性和方法。使用时可以直接赋值也可以通过new创建后再赋值

String对象有很多方法，主要是用户有关字符串在Web页面中的显示格式，字体大小，字体颜色，字符的搜索以及字符的大小写转换方面的功能。

    通过以上对象的prototype属性，我们也看到了JavaScript的特点，它不仅提供给我们一些功能，还提供给用户自己添加功能的方法，简直是太好了。

二：文档对象

document对象，接触JavaScript的第一个例子是通过ID名称获取控件的名称，里面就用到document，当时没有多想，就当是关键字过了。

document对象是window对象的属性，也是唯一的即属于BOM又属于DOM的对象。

说到window对象，我们首先来看一下window中各对象间的关系。如下图：

了解了大体结构关系，接下看看看document对象的常用属性：

有关document对象的方法，这里说说使用最频繁的.write()/.writeln()方法。这两个方法的作用都是打印字符，不同的是writeln打印完后多了个换行。 

下面写一个用document对象的write方法动态添加JavaScript文件的实例

<script language="javascript"> 
  document.write("<script type=\"text/javascript\" src=\"textuser.js\">"+"</scr"+"ipt>"); 
</script> 

ここでは主に 2cacc6d41bbb37262a98f745aa00fbf0 が分離されている理由を説明したいと思います。

まず、別に書かれた Web ページのソース コードを見てみましょう:

違いがわかりません。次に、分離されていない場合の Web ページのソース コードを見てみましょう。

結果は明らかです。2cacc6d41bbb37262a98f745aa00fbf0 を個別に記述しないと、以前の 3f1c4e4b6b16bbbd69b2ee476dc4f83a とペアになってしまい、エラーが発生したことを示すメッセージが表示されます。

3: イベントオブジェクト

イベントオブジェクトは、イベント処理プロセスのみに関連するオブジェクトです。

JavaScript のイベントは、マウス イベント、キーボード イベント、読み込みイベントなど、VB で学習したイベントと一致しています。 。

イベントには発信者が必要です。トリガーが発生すると、イベントはすぐに終了します。

JavaScript でのイベントの使用は非常に簡単で、キーワードの前に On を追加するだけです。

上記の記事では JavaScript オブジェクトの学習について概要を説明しています。さらに詳しく知りたい場合は、引き続きこのサイトに注目してください。