JS基础-1

点击获取课程视频及实例资料

JS注释

• 单行注释：在注释内容前加上//

// 注释内容

• 多行注释:与CSS相似使用/*和*/包裹

/*
注释内容
注释内容
注释内容
*/

JavaScript学习要求
1.必须明白每一条语句的作用。
2.必须每条语句加上注释。
3.必须按照流程写代码。

常量--不变的量

• 数字常量--与数学表示方式完全一致

1
2.3
-3

• 文字常量（字符串）
  使用英文双引号包起来。

"abcd"
"1"
"汉字"

如果在字符串中使用英文双引号，在英文双引号前加上斜线\，其中\"是英文双引号的转移字符。例如：

"JavaScript是一门\“非常重要\”的语言"

三个对话框

• 警告框函数alert(参数);
  作用：弹出警告框，把参数内容显示在警告框上。

alert("你好");

• 确认框函数confirm(参数);
  作用：确认警告框，把参数内容显示在确认框上。

confirm("你是学生吗？");

• 提示框函数prompt(参数);
  作用：弹出提示框，把参数内容显示在提示框上。

prompt("请输入姓名：");

三个对话框的区别

对话框	特点
警告框alert	只有一个确认按钮
确认框confirm	有一个确认和取消按钮
提示框prompt	有一个确认和取消按钮,以及一个输入框

每个浏览器显示对话框的方式是不一致的。

变量 -- 变化的量

|概念|作用|语法|例子|
|:-|:-|:-|
|声明|新建一个变量，并且给这个变量起名字。|var 变量名;|var val;|
|赋值|给变量一个值|变量名 = 值;|val="test";|
|定义|声明并赋值|var 变量名 = 值;|var val="test".|

声明的注意事项

1. var与变量名之间必须有一个空格。
2. 在声明后面要有一个英文分号。

赋值的注意事项

1. 值可以是常量，也可以是变量中的值。
2. 如果变量没有赋值，里面是undefined，意思是里面没有值。
3. 在赋值后面要有一个英文分号。

定义的注意事项

1. var与变量名之间必须有一个空格。
2. 在定义后面要有一个英文分号。

变量名规则

1. 英文数字下划线（不能是中划线，也不能是汉字）。
2. 数字不能开头。
3. 变量名不能重复。
4. 变量名不能是关键字。例如var undefined等
5. 变量名不能是函数名。例如alert confirm prompt等

多个变量同时定义

var test1 = 1,
      test2 = 2,
      test3 = 3;

注意：

1. 只在开头使用一个var关键字
2. 最后一个变量定义的结尾使用分号，其他的使用逗号。

运算式

运算式	运算数个数	运算数类型	运算符	结果类型
算术运算	2个	数字	+(加) -(减) *(乘) /(除) %(取余)	数字
关系运算	2个	数字	==(等于) >(大于) <(小于) !=(不等于) >=(大于等于) <=(小于等于)	布尔
逻辑运算

优先级

1. 算术运算优先级与数学中的优先级一样，乘除高于加减。
2. 算数优先于关系运算。
3. 可以使用()改变优先级。

字符串中的加号

字符串中的加号可以连接前后两个字符串。
注意：

• 当运算符两边的运算数，有一个是字符串的时候，做连接操作，当都是数字的时候，做加法操作。

1+"2" // 结果"12"
"5"+6 // 结果"56"
3+6 // 结果9

• 加号运算顺序是从左到右的。（无论加法还是连接）

2+3+"6" // 结果 56
2+"4"+5 // 结果"245"

赋值与运算的优先级：先运算后赋值

变量定义或者赋值的等号右边可以是运算式，运算式的值，就是变量的值。

var a = 1+3;
var b = a+6;
var c = b>=7;

小知识

• prompt有个返回值，当单击确定按钮后，返回值可以给变量。如果单击取消，返回一个null，null 是一个关键字表示无没有。

• 转移字符\r\n表示回车换行。

最佳实践
何时使用数字，何时使用字符串？如果需要参与数学运算就需要数字，反之，可以使用字符串。

---

作业

使用对话框完成如下功能：

1. 弹出警告框，显示【你好，我是XXX】
2. 弹出提示框，显示【请输入你的名字？】
3. 弹出确认框，显示【你的名字是XXX？】
4. 弹出提示框，显示【请输入你的年龄？】
5. 弹出确认框，显示【你的年龄是XXX？】
6. 弹出提示框，显示【请输入你的住址？】
7. 弹出确认框，显示【你的住址是XXX？】
8. 弹出提示框，显示【请输入你的电话？】
9. 弹出确认框，显示【你的电话是XXX？】
10. 弹出警告框，显示【你好，XXX,你的年龄XX 住址XXX 电话XXX】

点击获取课程视频及实例资料