JavaScript核心语法总结

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

扫描二维码关注公众号,回复: 12443449 查看本文章

③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中的方法,是完成特定任务的代码语句块;使用更简单,不用定义属于某个类,直接使用。

猜你喜欢

转载自blog.csdn.net/qq_39071599/article/details/107166514