JavaScript 객체 학습 요약_javascript 기술

자바스크립트 객체

JavaScript는 문자열, 날짜, 배열 등과 같은 여러 내장 객체를 제공합니다.

객체는 속성과 메서드를 가진 특별한 데이터 유형입니다.

JavaScript에서 사용되는 거의 모든 js는 해당 객체와 분리될 수 없습니다. js 객체에 대해 좀 더 자세히 살펴보겠습니다.

js의 객체 분류는 앞서 배운 언어의 기능 분류와 동일합니다. 하나는 시스템 자체적으로 미리 정의된 객체이고, 다른 하나는 사용자 정의 객체라고 하는 사용자가 직접 작성한 객체입니다.

일반적인 내용은 아래와 같습니다.

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가 분리되는 이유를 설명하고 싶습니다.

먼저 별도로 작성된 웹페이지의 소스 코드를 살펴보겠습니다.

별 차이를 못 느끼겠습니다. 다음으로 분리되지 않은 웹페이지의 소스코드를 살펴보겠습니다.

결과는 자명합니다. 2cacc6d41bbb37262a98f745aa00fbf0를 별도로 작성하지 않으면 이전의 3f1c4e4b6b16bbbd69b2ee476dc4f83a와 쌍을 이루게 되어 오류가 발생했다는 메시지가 표시됩니다.

3: 이벤트 객체

이벤트 객체는 이벤트 처리 과정에만 관련된 객체입니다.

JavaScript의 이벤트는 마우스 이벤트, 키보드 이벤트, 로딩 이벤트 등을 포함하여 VB에서 학습된 이벤트와 일치합니다. .

이벤트에는 발생자가 있어야 하며, 트리거가 발생하면 이벤트가 즉시 종료됩니다.

JavaScript에서 이벤트를 사용하는 것은 매우 간단합니다. 키워드 앞에 On만 추가하면 됩니다.

위 글은 JavaScript 객체 학습에 대한 요약을 공유하고 있습니다. 더 알고 싶으시다면 이 사이트를 계속해서 주목해주세요.