#博学谷IT学习技术支持#
目录
#博学谷IT学习技术支持#
1.书写语法
2.输出语句
3.变量
4.数据类型
5.运算符
6.流程控制语句
6.1 if 语句
6.2 switch 语句
6.3 for 循环语句
6.4 while 循环语句
6.5 dowhile 循环语句
7 函数
7.1 定义格式
function 函数名(参数1,参数2..){ 要执行的代码}
7.2 函数调用
1.书写语法
1. 区分大小写:与 Java 一样,变量名、函数名以及其他一切东西都是区分大小写的
2. 每行结尾的分号可有可无
3. 注释:
单行注释:// 注释内容
多行注释:
4. 大括号表示代码块
if (count == 3) {
alert(count);
}
2.输出语句
使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 console.log() 写入浏览器控制台
3.变量
JavaScript 中用 var 关键字(variable 的缩写)来声明变量
var test = 20; test = "张三";
JavaScript 是一门弱类型语言,变量可以存放不同类型的值
变量名需要遵循如下规则:
组成字符可以是任何字母、数字、下划线(_)或美元符号($)
数字不能开头
建议使用驼峰命名
JavaScript 中 var 关键字有点特殊,有以下地方和其他语言不一样
作用域:全局变量
{
var age = 20;
}
alert(age); // 在代码块中定义的age 变量,在代码块外边还可以使用
变量可以重复定义
{
var age = 20;
var age = 30;//JavaScript 会用 30 将之前 age 变量的 20 替换掉
}
alert(age); //打印的结果是 30
针对如上的问题,==ECMAScript 6 新增了 let关键字来定义变量。==它的用法类似于 var,但是所声明的变量,只在 let 关键字所在的代码块内有效,且不允许重复声明。
==ECMAScript 6 新增了 const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变。== 通过下面的代码看一下常用的特点就可以了
4.数据类型
JavaScript 中提供了两类数据类型:原始类型 和 引用类型。
使用 typeof 运算符可以获取数据类型
alert(typeof age); 以弹框的形式将 age 变量的数据类型输出
原始数据类型:
1.number:数字(整数、小数、NaN(Not a Number))
2.string:字符、字符串,单双引皆可
3.boolean:布尔。true,false
4.null:对象为空
5.undefined:当声明的变量未初始化时,该变量的默认值是 undefined
5.运算符
-
一元运算符:++,--
-
算术运算符:+,-,*,/,%
-
赋值运算符:=,+=,-=…
-
关系运算符:>,<,>=,<=,!=,==,===…
-
逻辑运算符:&&,||,!
-
三元运算符:条件表达式 ? true_value : false_value
一元运算符:++,--
算术运算符:+,-,*,/,%
赋值运算符:=,+=,-=…
关系运算符:>,<,>=,<=,!=,==,===…
逻辑运算符:&&,||,!
三元运算符:条件表达式 ? true_value : false_value
==和===区别:
-
==:
-
判断类型是否一样,如果不一样,则进行类型转换
-
再去比较其值
-
-
===:js 中的全等于
-
判断类型是否一样,如果不一样,直接返回false
-
再去比较其值
-
6.流程控制语句
6.1 if 语句
var count = 3;
if (count == 3) {
alert(count);
}
6.2 switch 语句
var num = 3;
switch (num) {
case 1:
alert("星期一");
break;
case 2:
alert("星期二");
break;
case 3:
alert("星期三");
break;
case 4:
alert("星期四");
break;
case 5:
alert("星期五");
break;
case 6:
alert("星期六");
break;
case 7:
alert("星期日");
break;
default:
alert("输入的星期有误");
break;
}
var count = 3;
if (count == 3) {
alert(count);
}
6.2 switch 语句
var num = 3;
switch (num) {
case 1:
alert("星期一");
break;
case 2:
alert("星期二");
break;
case 3:
alert("星期三");
break;
case 4:
alert("星期四");
break;
case 5:
alert("星期五");
break;
case 6:
alert("星期六");
break;
case 7:
alert("星期日");
break;
default:
alert("输入的星期有误");
break;
}
6.3 for 循环语句
var sum = 0;
for (let i = 1; i <= 100; i++) { //建议for循环小括号中定义的变量使用let
sum += i;
}
alert(sum);
6.4 while 循环语句
var sum = 0;
var i = 1;
while (i <= 100) {
sum += i;
i++;
}
alert(sum);
6.5 dowhile 循环语句
var sum = 0;
var i = 1;
do {
sum += i;
i++;
}
while (i <= 100);
alert(sum);
7 函数
var sum = 0;
var i = 1;
while (i <= 100) {
sum += i;
i++;
}
alert(sum);
6.5 dowhile 循环语句
var sum = 0;
var i = 1;
do {
sum += i;
i++;
}
while (i <= 100);
alert(sum);
7 函数
函数(就是Java中的方法)是被设计为执行特定任务的代码块;JavaScript 函数通过 function 关键词进行定义
7.1 定义格式
函数定义格式有两种:
-
方式1
function 函数名(参数1,参数2..){
要执行的代码
}
方式2
var 函数名 = function (参数列表){
要执行的代码
}
形式参数不需要类型。因为JavaScript是弱类型语言
7.2 函数调用
函数调用函数:
函数名称(实际参数列表);



