java script 的各个命令详解
时间: 2023-10-17 07:17:13 浏览: 47
好的,下面详细介绍一下 JavaScript 中常用的一些命令:
1. 变量声明:var、let、const
在 JavaScript 中,我们使用 var、let 或 const 来声明变量。它们的区别在于作用域和可变性。var 声明的变量作用域是函数级别的,而 let 和 const 声明的变量作用域是块级别的。另外,const 声明的变量是不可变的,而 let 和 var 声明的变量是可变的。
示例:
```
var num = 10; // 声明一个变量 num,赋值为 10
let name = 'Tom'; // 声明一个变量 name,赋值为 'Tom'
const PI = 3.14; // 声明一个常量 PI,赋值为 3.14
```
2. 运算符:+、-、*、/、%
JavaScript 中的运算符和其他语言类似,包括加、减、乘、除和取模运算。
示例:
```
var a = 10;
var b = 5;
var c = a + b; // c 的值为 15
var d = a - b; // d 的值为 5
var e = a * b; // e 的值为 50
var f = a / b; // f 的值为 2
var g = a % b; // g 的值为 0
```
3. 比较运算符:==、!=、>、<、>=、<=
JavaScript 中的比较运算符用于比较两个值的大小或者是否相等,返回的结果是一个布尔值。
示例:
```
var a = 10;
var b = 5;
console.log(a == b); // false
console.log(a != b); // true
console.log(a > b); // true
console.log(a < b); // false
console.log(a >= b); // true
console.log(a <= b); // false
```
4. 逻辑运算符:&&、||、!
逻辑运算符用于组合多个条件,返回的结果也是一个布尔值。
示例:
```
var a = 10;
var b = 5;
var c = 7;
console.log(a > b && a > c); // true
console.log(a > b || a < c); // true
console.log(!(a > b)); // false
```
5. 条件语句:if、else、else if
条件语句用于根据不同的条件执行不同的代码块。
示例:
```
var age = 18;
if (age < 18) {
console.log('未成年');
} else if (age >= 18 && age <= 60) {
console.log('成年人');
} else {
console.log('老年人');
}
```
6. 循环语句:for、while、do while
循环语句用于重复执行某段代码,直到满足特定条件。
示例:
```
// for 循环
for (var i = 0; i < 10; i++) {
console.log(i);
}
// while 循环
var j = 0;
while (j < 10) {
console.log(j);
j++;
}
// do while 循环
var k = 0;
do {
console.log(k);
k++;
} while (k < 10);
```
7. 函数声明:function
函数用于封装一段代码,可重复使用。
示例:
```
function add(a, b) {
return a + b;
}
console.log(add(1, 2)); // 3
console.log(add(3, 4)); // 7
```
8. 对象和属性:{}、.
JavaScript 中的对象用于封装一组属性和方法,可以通过点号或方括号访问对象的属性。
示例:
```
var person = {
name: 'Tom',
age: 18,
sayHello: function() {
console.log('Hello, I am ' + this.name);
}
};
console.log(person.name); // Tom
console.log(person['age']); // 18
person.sayHello(); // Hello, I am Tom
```
9. 数组:[]
数组用于存储一组值,可以通过下标访问数组元素。
示例:
```
var arr = [1, 2, 3, 4];
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr.length); // 4
```
10. 字符串:''、""
字符串用于表示文本信息。
示例:
```
var str1 = 'Hello';
var str2 = "World";
console.log(str1 + ' ' + str2); // Hello World
```
11. 控制台输出:console.log()
console.log() 用于将信息输出到控制台。
示例:
```
console.log('Hello World');
```
12. 用户输入:prompt()
prompt() 用于弹出对话框,提示用户输入信息。
示例:
```
var name = prompt('请输入您的姓名:');
console.log('Hello, ' + name);
```
13. 页面操作:document.getElementById()、innerHTML、setAttribute()
这些命令用于操作 HTML 页面中的元素,包括获取元素、修改元素内容和属性。
示例:
```
// 获取元素
var div = document.getElementById('myDiv');
// 修改元素内容
div.innerHTML = 'Hello World';
// 修改元素属性
div.setAttribute('class', 'myClass');
```