JavaScript基本语法总结

最新推荐文章于 2024-12-17 19:22:27 发布

原创最新推荐文章于 2024-12-17 19:22:27 发布 · 862 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了JavaScript的基本概念，包括调用方式、数据类型如数字、字符串、布尔型等，以及对象和数组的操作方法。同时，文章还展示了如何使用if语句进行条件判断，并通过示例演示了函数的定义和调用过程。

内容均来自《JavaScript权威指南》

调用方式：

有三种：1、标签内嵌。2、页面内嵌。3、外部引入。

JavaScript是一个大小写敏感的语言。

一、数据类型

number 数字

string 字符串

布尔型

函数function 常用的格式有两种：用函数来定义函数square(); function(x) { return x*x } 用直接量来定义函数：var square = function(x) { x*x }

对象object：已命名的数据的集合。var o = new Object();

对象直接量：var point = { x : 1, y : 2 };

数组array：var a = new array(); a[0] = 1;a[1]=true;

var a = new array(1,true);

var a = new array(10); 只定义长度，未初始化元素。

var a = [1,true];

null

undefined

Date对象：new Date();

二、变量、表达式和运算符

变量 var

三、语句

if、else if 、 while 、do while、for、for in。

break、continue、return.

try catch finally.

四、对象和数组

数组也是一种对象。如下代码取对象的值，此为关联数组。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>if语句</title>
	
	<script type="text/javascript">
		var o = {
					height : 100,
					width :	200	
				};
		
		alert('height:' + o.height + ' width:' + o.width);
		alert(o["height"] + " " + o['width']);
	</script>
	</head>
	
	<body>

	</body>
</html>

函数：

<script type="text/javascript">
		/*可选参数
		 */
		function copyProperty(arr, a){
			a = a || [];
			for(var property in arr)
				a.push(property);
				
				for (var i=0; i < a.length; i++) {
				  alert(i + ' ' + a[i]);
				};
			return a;
		}
		//参数可变的函数
		function testparams(){
			var params = "";
			for(var i=0; i<arguments.length; i++){
				params = params + " " + arguments[i];
			}
			alert(params);			
		}
		testparams("abc",123);
		testparams(123,456,"abc");
		//动态函数的创建
		var square = new Function("x","y","var sum;sum=x*x + y*y;return sum;");
		alert("square:" + square(2,3));
		
	</script>