JS学习总结(一) - 基础_学习js的总结感悟-优快云博客

本文介绍了JavaScript的基本概念，包括其与Java的区别、变量定义、数组操作、内置对象及其方法、函数定义方式、事件处理等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.关于js

js：javascript和java没关系。它是解释性语言，java是编译型语言。Js主要用于网页编程，在网页编程中通过<script>标签嵌入js代码，用它来可以处理一些数据，编写一些方法。

2.js变量

js都是弱类型，定义变量时不能用数据类型，统一使用var 来定义变量；

var a=1;

数据类型：Number，String，Boolean，Null，Undefined（未定义的）,Object（引用类型）。

3.js数组

Array对象表示数组。

创建语法：var a=new Array([size])；

初始化：1.动态初始化(和java相同)：a[0]=值；

2.静态初始化：1.var a=new Array(值，值，值.......)； 2. var a=[值，值，值......]

数组的属性及方法(api)：length:数组的长度,数组中元素的个数
push():追加
pop()：取出最后一个元素，并删除它
join():合并数组中的元素(正数下标)，将合并的结果以字符串的形式返回
sort():排序
reverse():反转

数组遍历：for in：for(var i in array){
alert(array[i]);
}

二维数组：也是元素类型为数组(Array)的数组。

4.js一些对象及方法

1.Object:所有对象的父对象。 var a=new Object()；

2.String:代表字符串的对象。bold()（加粗）、link()（加链接）、charAt()、replace()、substring(start,end)、split()

3.Date(时间)对象：new Date();
new Date(1000);
new Date(1999,10,12);

4.Math:用于调用一些数学方法的一个对象：PI、E、random()、abs()、round()、floor()。

5.Function:函数对象，用来创建函数。(接5)

6.Global:全局对象，可在自定义函数中直接使用

常用方法：parseInt()、parseFloat()、isNaN()、eval() //动态执行一段js代码

7.window:全局对象，代表着浏览器中打开的一个窗口

1.常用方法：alert()、confirm()、prompt()//确认框、

2.document对象：它试试window的一个子对象；代表网页中显示的文档；Dom编程就是关于它的。

常用方法：getElementById()，getElementsByTagName()，getElementsByName()。

5.js的函数

Fucntion对象自定义函数:

创建函数语法：1.function 函数名(参数){
//函数体
}

2.var 函数名=function(){
//函数体
}

3.var 函数名=new Function("参数"，"代码");

可见，定义函数时没有返回值，参数不需要数据类型；另外，js没有函数重载，重名定义时候后定义的覆盖

先定义的。

6.事件编程：

与用户进行交互，为需要处理的事件编写响应的事件处理程序。

1.事件编程的三要素；
事件：单击，双单击，鼠标移动，失去焦点，内容改变，键盘录入等，
事件源：产生事件的组件（标记）
事件处理程序：通常是一个函数，产生事件后所执行的代码；

2.常用的事件：

onClick 、onDbclick、onChange、onBlur、onFocus、onKeyup、onMousedown、onLoad

3.绑定事件的方式：

1.行内绑定：<元素事件=”事件处理程序”> 事件处理程序一般为函数就行。

		function test(){   
			alert('hello world!');   
		}   
		<input type="button" value="click me" onclick="test()"/>

2.动态绑定：对象.事件=事件处理程序.

 		document.getElementById("btn_ok").onclick=function(){  
        		alert("Hello!");  
   		 };

7.自定义对象

js是动态语言，可以实现动态增加属性和方法。(有别于Java)

1.直接定义:var a=new Object();

a.属性=值，

a.方法=方法

2.工厂函数；

3.构造函数：function Person(name,age){
this.name=name;
this.age=age;
this.eat=funciton(){
}
}

4.JSON格式的对象：var c={name:"curry",
age:18,
eat:function(){
alert(this.name+"正在吃")
}
} // {}:对象、 []：数组、 :为属性，方法进行赋值、 ,为分隔符