书写语法
1.区分大小写:与Java一样,变量名、函数以及其他一切都是区分大小写的
2.每行结尾的分号可有可无
3.注释:
单行注释://注释内容
多行注释:/注释内容/
4.大括号表示代码块
if(count == 3){
alert(count);
}
输出语句
1.使用window.alert()写入警告框
2.使用document.write()写入HTML输出
3.使用console.log()写入浏览器控制台
window.alert("helloJS");//弹出警告框
document.write("helloJS");//写入HTML
console.log("helloJS");//写入控制台
变量
JavaScript中用var关键字(variable的缩写)来声明变量
var test=20;
test="张三";
JavaScript是一门弱类型语言,变量可以存放不同类型的值
变量名需要遵守以下规则
组成字符可以是任何字母、数字、下划线或美元符号
数字不能开头
建议使用驼峰命名
ECMAScript6新增了let关键字来定义变量,它的用法类似于var,但是所声明的变量,只在let关键字所在的代码块有效,且不允许重复声明
ECMAScript新增了const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变
数据类型
JavaScript中分为:原始类型和引用类型
5种原始类型:
-number:数字(整数、小数、NaN(not a number))
-string:字符,字符串,单双引皆可
-boolean:布尔,true,false
-null:对象为空
-undefined:当声明的变量未初始化时,该变量的默认值是undefined
使用typeof运算可以获取数据类型
alert(typeof age);
运算符
-一元运算符:++,–
-算数运算符:+,-,*,/,%
-赋值运算符:=,+=,-=
-关系运算符:>,<,>=,<=,!=, == ,===
-逻辑运算符:&&,||,!
-三元运算符:条件表达式?true_value:false_value
<script>
/*
==:
1.判断类型是否一样,如果不一样,则进行类型转换
2.再去比较其值
===:全等于
1.判断类型是否一致,如果不一样,直接返回false
*/
var age1 = 20;
var age2 = "20";
// alert(age1==age2);
// alert(age1 === age2);
/*
类型转换:
*其他类型转为number:
* 1.string:按照字符串的字面值转为数字,如果字面值不是数字,则转为NaN.一般使用parseInt来转换
* 2.boolean
*其他类型转为boolean:
*1.number 0和NAN转为false 其他转为true
*2.String 空字符串转为false,其他字符串转为true
*3.null 转为false
*4.undefined 转为false
*/
// var str=+"abc";
// alert(str);//NAN
// var str=+"20";
// alert(str+1);
// var str="20";
// alert(parseInt(str)+1);
// var flag = +true;
// alert(flag)//1 false 0
// var flag=0;
// var flag="abc";
// if(flag){
// alert("转为true");
// }else {
// alert("转为false");
// }
var str = "abc";
//健壮性判断
// if (str != null && str > 3) {
if (str) {
alert("转为true");
} else {
alert("转为false");
}
</script>
流程控制语句
if:
switch:
for:
while:
do…while
// //1.if
// var count=3;
// if(count==3){
// alert(count);
// }
//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;
// }
// }
//3、for循环
// let sum=0;
// for (let i = 1; i <= 100; i++) {
// sum+=i;
// }
// alert(sum);
//4、while
// var sum=0;
// var i=1;
// while(i<=100){
// sum+=i;
// i++;
// }
// alert(sum);
//5、do...while
var sum=0;
var i=1;
do{
sum+=i;
i++;
}while (i<=100);
alert(sum);
函数
函数(方法)是被设计为执行特定任务的代码块
定义:JavaScript可以通过function关键词进行定义,语法为:
function functionName(参数1,参数2...){
要执行的代码
}
注意:
1.形式参数不需要类型,因为JavaScript是弱类型语言
2.返回值也不需要定义类型,可以在函数内部直接使用return返回即可
function add(a,b){
return a+b;
}
调用:函数名称(实际参数列表);
let result=add(1,2);
// let add1 = add(2, 6);
//
// function add(a, b) {
// return a + b;
// }
//
// alert(add1);
//第二种定义格式
var add = function (a, b) {
return a + b;
}
let add1 = add(1,2);
alert(add1);
//调用 JS中,调用函数可以传递任意个数参数
© 著作权归作者所有
发表评论