1. 变量:
①先声明变量再赋值:
var width; //var-用于声明变量的关键字
width = 5; //width-变量名
②同时声明和赋值变量:
var catName= "陈平安";
var x, y, z = 1;
③不声明直接赋值(一般不使用):
width=5;
变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,所以不推荐使用。
2. 数据类型:
基本类型:数字类型、布尔类型、字符串类型;
引用类型:对象类型、函数类型;
空类型:null和undefined
①number:
var iNum=23; //整数
var iNum=23.0; //浮点数
②Boolean:true和false 但是JS会把他们解析成1;0
③String:一组被引号(单引号或双引号)括起来的文本 var string1="This is a string";
④null:表示一个空值,与undefined值相等;
⑤undefined:示例:
var width; //变量width没有初始值,将被赋予值undefined
3. typeof运算符:
typeof检测变量的返回值;typeof运算符返回值如下:
①undefined:变量被声明后,但未被赋值.
②string:用单引号或双引号来声明的字符串。
③boolean:true或false。
④number:整数或浮点数。
⑤object:javascript中的对象、数组和null。
4. String对象:
①属性:
字符串对象.length
var str="this is JavaScript";
var strLength=str.length; //长度是18
②方法:
字符串对象.方法名();
split(str):
如果语法写成width.split(" ")【引号中间有空格】此时:width height hello world会被拆分成:width,height,hello,world;
如果语法写成width.split("")【引号中间没有空格】此时:width height hello world会被拆分成:w,i,d,t,h, ,h,e,i,g,h,t, ,h,e,l,l,o, ,w,o,r,l,d
5. 数组:
①创建数组:
②为数组元素赋值:
方法一:
var fruit= new Array("apple", "orange", " peach","banana");
方法二:
var fruit = new Array(4);
fruit [0] = " apple ";
fruit [1] = " orange ";
fruit [2] = " peach ";
fruit [3] = " banana ";
③访问数组:
数组名[下标]
6. 运算符号:
数学 +、-、*、/;
逻辑 >、<、>=、 <=、 =、 !=;&&、||、===、!==;
7. 逻辑控制语句:
①if条件语句:
if(条件)
{ //JavaScript代码; }
else
{ //JavaScript代码; }
//If·中0,null,” ”,undefined,NaN,false--------结果是false;其他的都是true!
②switch多分支语句:
switch (表达式)
{ case 常量1 :
JavaScript语句1;
break;
case 常量2 :
JavaScript语句2;
break;
default :
JavaScript语句3; }
③for、while循环语句:
for(初始化; 条件; 增量)
{ JavaScript代码; }
while(条件)
{ JavaScript代码; }
④for-i:
var fruit=[ "apple", "orange", "peach","banana"];
for(var i in fruit){
document.write(fruit[i]+"<br/>"); }
//i就是数组的下标,in这个数组要查询所有的数组下标
8. 循环中断:
①break:
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){ break;
}
document.write("这个数字是:"+i+"<br/>"); }
</script>
②continue:
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){ continue;
}
document.write("这个数字是:"+i+"<br/>"); }
</script>
9. 注释:
①单行注释以 // 开始,以行末结束:
//alert("恭喜你!注册会员成功");
②多行注释以 /* 开始,以 */ 结束,符号 /*…… */ 指示中间的语句是该程序中的注释
10. 常用的输入/输出
【输出一般使用alert;输入使用prompt;但是后期不建议使用alert,在真实的开发中一般使用console.Log( )】
①alert()【一般用在一些警告或者提示中】:
alert("提示信息");
②prompt()
prompt("提示信息", "输入框的默认信息");
prompt("请输入你喜欢的颜色","红色");
prompt("请输入你喜欢的颜色","");
11. 语法约定:
①代码区分大小写
小写写成大写会报错:Uncaught SyntaxError: Unexpected identifier。
②变量、对象和函数的名称
当声明变量、对象和函数的名称时大小写,数字,下划线,美元符号都可以,但是必须以字母,下划线,美元符号开头。
否则会报错:Uncaught SyntaxError: Invalid or unexpected token。
③分号
如果不写会报错:Uncaught SyntaxError: Invalid or unexpected token。
12.程序调试:
Chrome开发人员工具:
停止断点调试;
单步调试,不进入函数体内部;
单步调试,进入函数体内部;
跳出当前函数;
禁用所有的断点,不做任何调试;
alert()方法:
直接打印信息,直接在页面上看到具体信息。
【但是一般使用console.Log( ),因为使用alert( )很容易忘掉删除,当使用alert( )进行弹出时,最后产品上线后,会降低用户体验,所以使用console.Log( )就会避免这个问题】。
13.函数:
什么是函数?
函数的含义:类似于Java中的方法,是完成特定任务的代码语句块;使用更简单,不用定义属于某个类,直接使用。