引入方式:
除了Python外其他语言都没有要求强制缩进。即JS对缩进无要求,只要符合语法即可。
示例中的alter为弹框
#单行注释
//
#多行注释
/*
注释
*/
直接在html中写入(了解)
<script>
//第一行JS
alter(123)
</script>
写到文件中引入
<script src="demo.js" ></script>
声明变量
变量赋值方式
var关键字声明一个字符串是变量。
再给定义的这个变量赋值。
单个变量赋值
<script>
var name;
name="yudong"
</script>
#可以简写为:
var age=3;
多变量的变量赋值
默认以换行符作为作为语句分隔符。也可使用分号作为语句的分隔符
var name="heling"; var age=18
数据类型
打印到屏幕终端。
数字and字符串
// console.log 输出打印到屏幕终端
// typeof 查看数据的数据类型
i=1
f=1.1
s="study"
console.log(i,typeof i);
//number
console.log(f,typeof f);
//number
console.log(s,typeof s);
//string
//不区分数字和浮点型
boolean
有两个值,true、false。逻辑判断
可以理解为数字类型的。True、False为0,1。可用于数字运算
undefined
只有一个值,undefined
遇到这个值的两种情况
- 变量只声明,未赋值。
- 当一个函数没有返回值的时候。
数据类型的存储
引用数据类型全部存在堆里。栈里存的都是基础数据类型。
堆里存的都是栈的内存地址。
数组
可以把多个数据存入其中。
C等语言在声明数组时要声明存储的数据类型
创建方式1:
var arrname = [元素0,元素1,….]; // var arr=[1,2,3];
创建方式2:
var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true);
创建方式3:
var arrname = new Array(长度);
// 初始化数组对象:
var cnweek=new Array(7);
cnweek[0]="星期日";
cnweek[1]="星期一";
...
cnweek[6]="星期六";
对象
映射关系的数据结构。 键加不加引号都可以
var obj = {"Q":"Z"}
可以使用字典的基本操作,如取key的value:obj["Q"]
数组和对象的数据类型都是object。
JS的解释方式
JS先读完整个文件,才开始执行。所以变量的使用可以写在该变量声明的上面。
运算符
#++ --
var i = 1;
i++
console.log(i)
#==
console.log(2=="2")
//返回时true,他在有一端是数字时另一端也会转换成数字>
#===
//不会转换数据类型,数据类型也必须一样。
#逻辑运算符,与 或 非
&& || !
真真为真,假假为假
字符串的拼接 用+号
NaN
转换数据类型时(即将字符串转换成数字类型)失败了会得到该类型。
流程控制语句
- 分支控制语句 if
- 循环控制语句 for while
javascript中使用{}来确认语句块(即满足条件时执行的语句体)。而Python中是使用:和缩进。
if-else if-else
if (表达式1) {
语句1;
}else if (表达式2){
语句2;
}else if (表达式3){
语句3;
} else{
语句4;
}
循环
- 遍历循环 for
- 条件循环 while JavaScript中都是条件循环。条件不满足就退出
详细见图片。
支持break 和 continue
js中的序列类型用.length都可以得到长度
函数
function funcname(参数) {
return X;
}
调用时可以传入任意数量的参数,它只接受固定数量的。
接受任意长度的 。
arguments 通过数组,获取所有传入的参数
匿名函数
// 匿名函数
var func = function(arg){
return "tony";
}
// 匿名函数的应用
(function(){
alert("tony");
} )()
(function(arg){
console.log(arg);
})(‘123‘)
BOM
window 是全局变量,调用时可以不用加window名,alter就是它里面的方法。
alter(info)
用于警告信息,只有确定
confirm(info)
显示带有一段消息以及确认按钮和取消按钮的对话框。 有返回值
prompt()
显示可提示用户输入的对话框。 有返回值
每一个标签都是一个对象