欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-22 10:23:52
javascript:用来在页面中编写特效的,和html\css一样都是由解析的 javascript语言 一、js如何运行(javascript,jscript,vbscri...

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");