风之力科技
股票代码:781340
400-718-5885或13605745691
service@nwpit.com

技术资讯

18Apr2016
点击

怎样学习JavaScript,JavaScript入门教程?

  Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。

1、运算符  
  运算符就是完成操作的一系列符号,它有七类:   赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位移运算符(|,&,<<,>>,~,^)和字符串运算符(+)。   可能很多人不知道"==="什么。   在这里,我为大家解释一下,在javascript中 "==="才是全等 只有"==="两边的内存地址也相等 才会返回真   而"=="只是值相等就会返回真   例如:null==undefined 会返回真 , 但是null===undefined 就会返回假!

2、表达式
  运算符和操作数的组合称为表达式,通常分为四类:赋值表达式、算术表达式、布尔表达式和字符串表达式。

3、语句
  Javascript程序是由若干语句组成的,语句是编写程序的指令。Javascript提供了完整的基本编程语句,它们是:   赋值语句、switch选择语句、while循环语句、for循环语句、for each循环语句、do while循环语句、break循环中止语句、continue循环中断语句、with语句、try...catch语句、   if语句(if..else,if...else if ...)、let语句。

4、函数
  函数是命名的语句段,这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点:   1)函数由关键字function定义(也可由Function构造函数构造);   2)使用function关键字定义的函数在一个作用域内是可以在任意处调用的(包括定义函数的语句前);而用var关键字定义的必须定义后才能被调用;  3)函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名;   4)参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量,也可以是函数,在函数内部可以通过arguments对象(arguments对象是一个伪数组,属性callee引用被调用的函数)访问所有参数;   5)return语句用于返回表达式的值。   6)yield语句扔出一个表达式,并且中断函数执行直到下一次调用next。

5、对象
  Javascript的一个重要功能就是面向对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。

6、事件
  用户与网页交互时产生的操作,称为事件。事件可以由用户引发,也可能是页面发生改变,甚至还有你看不见的事件(如Ajax的交互进度改变)。绝大部分事都由用户的动作所引发,如:用户按鼠标的按钮,就产生click事件,若鼠标的指针的链接上移动,就产生mouseover事件等等。在Javascript中,事件往往与事件处理程序配套使用。

7、变量
  如 var myVariable = "some value";   变量有它的类型,上例中myVariable的类型为string(字符串)   javascript支持的常用类型还有:   object:对象   array:数组   number:数;   boolean:布尔值,只有true和false两个值,是所有类型中占用内存最少的;   null:一个空值,唯一的值是null;   undefined:没有定义和赋值的变量   实际上javascript的变量是弱变量类型,你赋值给他的是字符串,他就是String .   是数字他就是整形。是true和false他就是boolean型(注意,不能加引号,不然会被当成字符串处理)。


开发工具与调试

  • javascript程序是纯文本的,且不需要编译,所以任何纯文本的编辑器都可以编辑javascript文件。在Dreamweaver CS5中不仅有很好的代码高亮,还有较全的代码提示和错误提示,相比其他编辑器来说是十分强大。的Visual Studio 2008 支持javascript调试,使程序开发起来更加方便。
  • 如果你是Firefox的用户,那么你可以到添加组件的网页中搜索一些用于网页开发的组件 ,推荐:Firebug 一款非常优秀的组件,可以指出你的脚本中的错误,查看DOM树,查看cookie,ajax通信,并且还有CSS的调试工具,而且也有不少firebug的扩展。  
  •  javascript debugger 这是mozilla开发的调试工具,项目代号叫venkman,和gecko的javascript解析器无缝集成,功能非常强大。
  • 清除浏览器缓存
    有时浏览器会在网页明明修改过的时候却依然使用缓存里的网页来显示,这时最好强制刷新网页以重新载入数据,如果还不行就清除缓存。   
  • 输出变量
    如果你使用firebug调试的话,可以很方便地在脚本里用console.log()来输出变量的值,而且幸运的是,firebug还会对你输出的变量进行解析,在控制台里显示一个清晰的变量结构   如果你没有firebug,那么可以用alert代替,不过当有几百个变量输出时,很可能不得不强行关闭浏览器。在网页里专门放置一个调试用的div也是一种不错的解决办法。