您的位置: 首页  >  文章  >  JavaScript基础_1

JavaScript基础_1

分类: 文章 • 2024-09-06 14:18:28

1、JavaScript 与 Java 是两种完全不同的语言，无论是从概念上还是设计上.

JavaScript 是一种轻量级的编程语言，是一种脚本语言是 Web 的基本编程语言，所有的现代的 HTML 页面都使用JavaScript，文件以 .js 为后缀。

2、一个完整的JavaScript 实现应该由下列三个不同的部分组成：

  • 语言核心（ECAMScript）
  • 文档对象模型（DOM）
  •  浏览器对象模型（BOM） 

 3、JavaScript实现

HTML中脚本<script></script>必须位于HTML标签之间，可以在 HTML 文档中放放不限数量的脚本。

<script> 标签可被放置在 HTML 页面的 <body> 和 <head> 部分中，或者同时存在于两个部分中。

<script>
    alert("Hello My Frist JavaScript");
</script>

HTML中包含外部 JavaScript 文件

<script src="myScript.js"></script>

注意：外部JavaScript文件较之嵌入代码更容易维护。

4、JavaScript基本概念

（1）JavaScript是一种弱类型脚本语言，都是使用 var 定义变量，与 Java 这种强类型语言有区别。使用var也可以去定义对象，JS中可以重复定义变量，后面定义的变量会把前面定义的变量覆盖掉。

注意：var可以省略（但是不推荐），使用var可以定义JS中任何类型

<script>
    var a = 10;
    var b = 3.14;
    var c = 'c';
</script>

（2）JS语法对大小写敏感 

（3）JS标识符规则

  • 第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）;
  • 其他字符可以是字母、下划线、美元符号字。 

（4）JS语句：ECMAScript 中的语句以分号结尾；也可以省略分号，析器确定语句的结尾，但是不建议省略分号！

（5）JS中数据类型

  • "undefined"——值未定义，或者定义后未赋值，或为 undefined;
  • "boolean"——布尔值;
  • "string"——字符串;
  • "number"——数值;
  • "object"——对象;
  • "null"——空值
<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		<title>数据类型</title>
	</head>
	<body>
		<script>
		var a = 10;//var a = new Number(10);
	    var a = 20;
	    
	    var b = 3.14;
	    
	    var c = 'c';
	    
	    var d = "hello";
	    
	    var e = true;
	    var f = new Object();
	    var g = null;
	    
	    document.write("a的值是："+ a +"<br/>"+"a的类型是："+typeof(a)+ "<br/>");
	    document.write("b的值是："+ b +"<br/>"+"b的类型是："+typeof(b)+ "<br/>");
	    document.write("c的值是："+ c +"<br/>"+"c的类型是："+typeof(c)+ "<br/>");
	    document.write("d的值是："+ d +"<br/>"+"d的类型是："+typeof(d)+ "<br/>");
	    document.write("e的值是："+ e +"<br/>"+"e的类型是："+typeof(e)+ "<br/>");
	    document.write("f的值是："+ f +"<br/>"+"f的类型是："+typeof(f)+ "<br/>");
		</script>
	</body>
</html>

页面显示如下：

JavaScript基础_1

总结：

无论整数还是小数，数据类型都是number;

c,d的数据类型是string；

不论是字符还是字符串，都是string类型；

e,f的数据类型是boolean和Object；

g也是Object；

Object类型，属于模板对象，所有对象都可以用它来表示。

（6）JS 中空格：JS会省略多余的空格

 

 

相关推荐