JavaScript的学习之路---第四天-CSDN博客

本文链接：https://blog.csdn.net/weixin_45390009/article/details/108542428

JavaScript 语法

JavaScript 是一个程序语言。语法规则定义了语言结构。它是一个轻量级，但功能强大的编程语言。

一、JavaScript 字面量

在编程语言中，一般固定值称为字面量，如 3.14。

数字（Number）字面量可以是整数或者是小数，或者是科学计数(e)。

实例1：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript 字面量(runoob.com)</title>
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 12138;
</script>
	
</body>
</html>

在这里插入图片描述

字符串（String）字面量可以使用单引号或双引号:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 字面量(runoob.com)</title> 
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'zhang';
</script>
	
</body>
</html>

在这里插入图片描述

表达式字面量用于计算：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 字面量(runoob.com)</title> 
</head>
<body>
    
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
    
</body>
</html>

在这里插入图片描述

数组（Array）字面量定义一个数组：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 字面量(runoob.com)</title> 
</head>
<body>
	
<p id="demo"></p>
<script>
var shuzu = [40, 100, 1, 5, 25, 10];
</script>
	
</body>
</html>

在这里插入图片描述

对象（Object）字面量定义一个对象：
{firstName:“zhang”, lastName:“youpeng”, age:24, eyeColor:“blue”}

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 字面量(runoob.com)</title> 
</head>
<body>
	
<p id="demo"></p>
<script>
var person=new Object();
person.firstName="zhang";
person.lastName="youpeng";
person.age=24;
person.eyeColor=blue;
<br>for(var propName in person)
{
<br>　　
console.log(propName);
<br>
}

</script>
	
</body>
</html>

函数（Function）字面量定义一个函数：
function myFunction(a, b) { return a * b;}

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 字面量(runoob.com)</title> 
</head>
<body>
	
<p id="demo"></p>
	<button onclick="myFunction()">点我</button>
<script>
	function myFunction(a, b) { 
		a = 1;
		b = 3;
		document.write(a*b);
	}

</script>
	
</body>
</html>

在这里插入图片描述
点击按钮后：

二、JavaScript 变量

在编程语言中，变量用于存储数据值。

JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 变量(runoob.com)</title> 
</head>
<body>

<p id="demo"></p>
<script>
var length;
length = 6;
document.getElementById("demo").innerHTML = length;
</script>

</body>
</html>

在这里插入图片描述
变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。

三、JavaScript 操作符

JavaScript使用算术运算符来计算值:
实例1：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 操作符(runoob.com)</title> 
</head>
<body>

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

</body>
</html>

在这里插入图片描述
javaScript使用赋值运算符给变量赋值：
实例2：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 操作符(runoob.com)</title> 
</head>
<body>

<p id="demo"></p>
<script>
var x, y, z;
x = 5;
y = 6;
z = (x + y) * 10;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

类型	实例
赋值，算术和位运算符	= + - * /
条件，比较及逻辑运算符	== != < >

四、JavaScript 语句

在 HTML 中，JavaScript 语句向浏览器发出的命令。

语句是用分号分隔：
x = 5 + 6;
y = x * 10;

五、JavaScript 关键字

JavaScript 关键字用于标识要执行的操作。
和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。
var 关键字告诉浏览器创建一个新的变量：
var x = 5 + 6;
var y = x * 10;

六、JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略：

// JavaScript 注释

七、JavaScript 数据类型

var length = 16;	// Number 通过数字字面量赋值
var points = x * 10;	Number 通过表达式字面量赋值
var lastName = “Johnson”;	// String 通过字符串字面量赋值
var person = {firstName:“John”, lastName:“Doe”};	// Object 通过对象字面量赋值
var cars = [“Saab”, “Volvo”, “BMW”];	// Array 通过数组字面量赋值

八、JavaScript 函数

JavaScript 语句可以写在函数内，函数可以重复引用：

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {
   	return a * b;                                // 返回 a 乘以 b 的结果
}

九、JavaScript 字母大小写

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，要留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

十、JavaScript 字符集

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符，包含标点等字符。

JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。