JS基础之语法的作用和使用实例讲解

javascript：用来在页面中编写特效的，和html\css一样都是由解析的

javascript语言

一、js如何运行（javascript,jscript,vbscript,applet...）

默认：   <script  language="javascript"  type="text/javascript"></script>

二、输出

alert(什么类型都可以);

document.write("字符串");

三、如何在html文档中使用js

1、使用<script></script>将js语法嵌入到html中，可以使用多个，每一个之间都是有关联的

2、herf="javascript：js代码";

3、事件中(后面有介绍)

4、写到外部文件中(.js)<script  src+"文件位置"></script>

js语法：

命名规范：

1、一定要有意义

2、不能以数字开头，不能是的关键字 

大小写：javascript 区分大小写

变量名和函数名  第一个单词小写  以后每个单词首字母大写   例如： aaabbbccc     getelemrntbyid();

对象：每个单词首字母都要大写  date( );  new object( );

分号：

功能执行语句：加分号  var a=10;     alert(  );

结构定义语句：不加分号     if(){     }      funvtion(){   }    for(){     }

注释：      

//        单行 

/*    */ 多行    写注释文档 或者 调试程序使用

四、变量

var  a =10;     有var就是声明

     a =20;     没有就是赋值

注意1：变量声明后是放进了内存里，浏览器关闭后才释放的，在没关闭之前可以随时使用

声明：var 变量名=值

注意2：javascript是弱类型语言(和php相同)

五、数据类型

typeof(变量);

1、number ( 包括 int  float double)     注意：计算时还是按  整型和浮点型分开使用

2、string    ( 包括 string  char)

3、boolean (任何类型都可以变成boolean类型)

4、object   (包括  object   array   null)    注意：分别处理

5、undefined    没有声明变量

6、function

整数：

var a =10;

var a =045;八进制

var a =0xff;十六进制

浮点：

var f=10.5;

var f=10.55;

var f=10.5e*10;科学计数法

字符串：

"  "  里面不能包括"  "

'  '  

没有区别   所有转义都可以使用  (\"   \n)

+连接两个字符串

六、运算符和表达式

算术运算符号：+  -  *  / %    ++    --

+ 有加法

+ 连接字符串   (任何数字后面加上了字符后，都会变成字符)

%  作用：一种是被整除    一种求一段范围    (所以用整数  不要用浮点数)（正负求余由前段的数决定）

赋值运算符号：= +=  -=  *=  /=  %=

条件运算符号：>    <    ==    !=     >=    <=    ===    !==

两边比较时也要使用相同类型，boolean型

逻辑运算符号：&&    ||   !  

位运算符号   ：>>      >>>     <<    | 或     &与     ~取反 

其他运算符号：?   :

七、流程控制

顺序结构

条件结构---分支结构---选择结构

1、单路分支

if(boolean){   }

2、双路分支

if(boolean){  

       }else{       }

3、多路分支

(1) if(boolean){  

         }else   if(){  

     }.....

      else {  

     }

(用于范围)

(2)switch(变量){   //这里的变量最好用整型或者字符串

case  值1：

表达式(表达式就是有变量和运算符)

[break;]

......

case  值2：

[default]

        }

(用于单个值匹配)

4、嵌套分支

if(boolean){

if(  ){

switch( ){     }

}

}else{

for(  ){

while( ){       }

}

}

循环结构

while(  )  先判断再执行   条件型循环

do-while(  )  先执行再判断

for(  )   技术型循环

八、函数

javascript中的函数

函数：是一段完成“指定功能”的已经“命名”的代码段

函数只能“调用”才能使用到，调用：就是通过名称(可以在声明之前，也可以在声明之后) 

test(   );

function   test(  ){

功能段(一条，或多条)

return 值         (函数遇到return后就不会再执行)

}

test(   );

1、函数名

2、参数：根据需要使用参数

3、函数体(功能)

4、返回值(可选)

函数名不加( )时，这个函数名就代表整个函数  (函数也可以是变量)

作为构造函数的函数首字母要大写，以区别其它函数

回调函数，声明

情况：

1、函数的作用-------决定我去不去使用

2、函数的参数-------决定我怎么用

3、返回值      -------决定我调用后如何处理

应用：

全局

局部：在函数内部声明变量

var test=10;//全局，在函数外面声明的变量   共用

function demo( ){

test+=20;

}

demo();

demo();

alert(test);//输出50

javascript是基于对象(所有的都是对象的使用形式   都是放进了window对象，windows可以省略)

全局对象：global对象和方法：escape方法 |eval方法 |isfinite方法 |isnan方法 |parsefloat方法 |parseint方法 |unescape方法

九、对象

1、基于对象的操作方式(面向对象封装、继承、多态)

2、将相关的操作使用一个对象完成，看作是一个整体

javascript        php

  对象              类

对象实例         对象

字符串对象

数学对象

数组

时间对象

   对象中存的内容：   一、属性(变量)   

  二、方法(函数)

都是和这个对象相关的

一、声明对象(3种方式)

1. 使用object构造函数来创建一个对象

var person = new object();

    person.name="kevin";

    person.age=31;

    alert(person.name);

    alert(person["name"])

2. 使用对象字面量创建一个对象

var person = 

   {

       name:"kevin",

       age:31,

       5:"test"

   };

   alert(person.name);

     alert(person["5"]);

3. 使用工厂模式创建对象,返回带有属性和方法的person对象

function createperson(name, age,job)

{

   var o = new object();

   o.name=name;

   o.age=31;

   o.sayname=function()

   {

       alert(this.name);

   };

   return o;

}

createperson("kevin",31,"se").sayname();

详细的：https://www.cnblogs.com/wangjq/p/3755691.html

w3school：https://www.w3school.com.cn/js/js_objects.

二、使用自己的对象

三、使用系统的对象

步骤：

1、找到对象

2、实例化对象

3、操作对象

对象实例.属性   (取值，赋值)

对象实例["属性名"]

对象实例.方法(  )  

自定对象

var pro="";

        for(pro in document){//遍历

            document.write("document."+pro+"="+document[pro]+"<br>");

       }

with(对象){

所有对方法如果不加对象都是，括号对象的方法

}

document.write("<table>");

document.write("<tr>");

document.write("</td>");

document.write("</table>");

with(document){

write('<table>');

write('</table>');

}

对象的应用：

for(变量  in  对象){

}

with(对象){

}

十、内置js对象

熟悉：array对象  date对象 global对象  math对象  object对象  正则表达式对象(regexp)  string对象          (对象第一个字母大写)

十一、数组

一、数组的作用：只要是批量的数据都需要使用数组声明

二、如何声明数组

1、快速声明数组的方法

var 数组名=[元素1，元素2，...，.....，];

例：

var names=["张三","李四","王五"];

var tems=["abc",10,12.34,true];

var arrs=[

["111","222"],

["aaa","bbb"],

["333","ccc"]

      ];

alert(arrs[1][1]);

2、声明方式：

使用array对象

声明一个数组 var arr=new array("成员","成员n");

      var  str="abc";

      var  str=new string("abc");