web前端 基础部分(三) JavaScript

首先声明,该文章为本人对JavaScript的认识和学习总结,如有不足和错误之处请在评论中指出,以免给以后学习JavaScript的朋友带去误区。还有就是因时间原因,JavaScript的基础语法和Java很相似,在这里并不会对相似的语法做介绍,只会针对性的列出和Java不同的语法,当然Java的基础知识本人也会在以后的文章中分享,这里就不做过多介绍!

一、JavaScript概述

JavaScript简称js,是基于对象和事件驱动的弱类型的脚本语言,具有跨平台性(js由浏览器解释执行,与操作系统无关)。正式名称ECMAScript。

1、JavaScript作用:JavaScript被设计用来向html页面添加交互行为。

2、JavaScript   VS   Java

a、js基于对象,Java面向对象。

b、js由浏览器解释执行。Java需要先编译成字节码文件,再由JVM解释执行。

c、js是弱语言,Java是强语言。

d、js和Java的语法很相似。

3、JavaScript语法组成

JavaScript语法由三部分组成:核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)

二、JavaScript的使用方式  *

1、内部js脚本(直接把js写在html文档中)

语法:<script type="text/javascript">

              js脚本

           </script>

2、外部js文件(扩展名肯定是.js的文件)

语法:<script src="myjs.js"></script>

注:该script脚本应该单独存在,不能在其标签体中编写js脚本、

错误写法:<script src="myjs.js">alert("js")</script>

三、JavaScript基本语法 *

因和Java相似这里不对具体语法作介绍。我会抽时间把Java基础在以后的文章中单独介绍!

1、标识符的命名规则(和Java一样)

2、变量声明

例:var name="Jack";   //js字符串由双引号或单引号声明

3、注释(和Java一样)

4、运算符(和Java一样)

注:在JavaScript中“==”和Java中的equals相似,“===”和Java的“==”一样

 typeof运算符:返回操作数的数据类型

 例:typeof("123")   /string类型

        typeof(123)   //int类型

        typeof(true)      //boolean类型

5、流程控制语句(和java基本一样)

a、条件语句

注:至少有一个字符的字符串、非0数字或是一个对象在进行布尔运算时将返回1既true.字符串、数字0、underfind或null进行布尔运算时将返回0既false.

6、转义符(和Java一样,在我所学的几种语言里好像都差不多)

7、函数(和Java大体相似)

a、无参

语法:function method(){代码段}

b、有参

语法:function method(parameters){代码段}

注:在JavaScript里和Java不同的是在方法名后边的小括号里参数不用加类型,直接写参数就可以

c、匿名函数

语法:function(){代码段}

d、return语句

语法:function method(){代码段;return value;}

e、函数的调用

没有返回值: method(实际参数列表);

接收返回值: var returnValue=method(实际参数列表);

在事件中接收返回值:οnsubmit="return method(实际参数列表);";

f、arguments对象

在JavaScript中使用arguments对象可以模拟函数的overload,使用arguments[n](n为数字,从0开始)访问函数的第n+1个参数。和可以使用该对象的length属性检测函数参数的个数。

例:function testArgu(){

          alert("参数个数有 "+arguments.length+”个“);  //弹出参数的个数

          if(arguments.length>0){

               alert(arguments[0]);                   //访问第一个参数

          }

       }

       testArgu();

       testArgu(1);

       testArgu("string",1);

四、JavaScript常用对象 *

1、Array数组对象   注:js数组特性与java相反

a、js是动态数组(既长度不定)

b、js数组可以存放任意类型的元素

c、不但支持数字下标,还支持中文下标

例:var arrs=new Array();   //不指定数字大小

       var arrs=new Array(10);   //创建大小为10的数组

       var arrs=[......];            //直接创建数组并赋值

2、String 字符串的引用类型(和java差不多)

3、Math 数学计算方法(和java差不多)

4、Date 用于处理日期和时间(方法很多,用时查帮助就可以了。当然你要先看一下帮助文档,混个脸熟)

5、RegExp 正则表达式对象(几乎所有的语言的正则都一样,如果不是专门从事相关行业的朋友,建议在网上直接查别人的算法,当然你要能区分好坏。先去混个脸熟呗)

五、JavaScript全局函数 *

1、isNaN检查某个值是否为数字    注:是数字返回false  不是数字返回true

 例:alert(isNan("a"));      //true

        alert(isNaN("6"));     //false   注意:你看我把6写在了双引号里边,一般我们认为这是字符串,但是浏览器会把它解释为数字,但是里边是a6的话就只能是字符串了!

2、parseInt/parseFloat  解析字符串为整数/浮点数      注:在JavaScript里没有parseDouble方法   (建议查帮助文档)


JavaScrip的基本语法t就介绍到这里了,本文章只是给你介绍了JavaScript的基础知识,如果是专门从事网站开发和美工的朋友,你还要再接再厉。如果和我一样不是专门从事网站开发的人员,这完全够用了,就以我来说,在实际开发中就很少用到,但我们要相信,学无止境!而且你想要拿高工资,起码你什么都要知道一点吧,不要到时候做睁眼瞎了!


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值