JavaScript学习总结

最新推荐文章于 2018-12-24 15:03:47 发布

小王没有BUG

最新推荐文章于 2018-12-24 15:03:47 发布

阅读量245

点赞数

分类专栏：前端文章标签： JavaScript html5

本文链接：https://blog.csdn.net/aa792978017/article/details/79661791

版权

前端专栏收录该内容

5 篇文章 2 订阅

订阅专栏

javascript总结文档

执行顺序： js程序会按照再HTML文件种出现的顺序逐行执行，如果需要在整个HTML中执行，最好放在<head></head>中,函数体的代码在被调用的时候才会被执行

区分大小写

JavaScript中换行有断句的意思

分号可有可无，不过为了规范，都写

注释：单行：// 多行：/*。。。*/

使用方法：
  1.在页面中直接嵌入javascript代码
  2.链接外部JavaScript文件外部脚本文件不能用<srcipt>包起来，且网页的<script>中不能有其他js代码，此时</script>不能省略
  3.作为特定标签的属性值使用（1）通过"javascript:"来调用js的函数或方法： <a href="javascript:alert(您单击了这个超链接)">请单击这里</a> 单击链接后会执行alert函数
      （2）与事件结合调用：可以与各种像单击鼠标、按下键盘等结合： <input type="button" value="单击按钮" οnclick="alert(您单击了这个按钮)"/> 单击后会触发js的方法或函数
  PS:可以放在<head>或者<hold>中

language="javascript"  language属性指定在HTML中使用哪种脚本语言及其版本
src="xxx.js"   src属性指定外部脚本文件的路径
type="text/javascript"  language属性指定在HTML中使用哪种脚本语言及其版本，HTML4开始，推荐用type代替language
<script defer>   作用是当文档加载完后再执行脚本，加快网页加载速度

JavaScript基础

数据类型为弱类型，数据可以先不做声明，使用或者赋值的时候再确定数据类型。

数字的范围支持十进制和十六进制，不是所有JavaScript都支持八进制，所有最好不要用八进制，
浮点型采用的是传统的科学计数语法，例：3.12e11=3.12*10的11次方 1.23E-12=1.23*10的-12次方

单引号中出现双引号或者双引号中出现单引号，都不需要进行转义；单引号中的单引号和双引号中的双引号都需要进行转义

转义字符：常用: \b  退格   \v  跳格
    \n  换行   \r  换行
    \t  Tab符号   \\  反斜杠
    \f  换页   \OOO  八进制整数，范围：000-777
    \'  单引号   \xHH  十六进制整数，范围为：00-FF
    \"  双引号   \uhhhh  十六进制编码的Unicode

在"document.writeln("");"使用转义符时，只有将其放在格式化文本中才会起作用，必须放在<pre></pre>中，例如
  document.writeln("<pre>");
  document.writeln("轻松学习\nJavaScript 语言！")；
  document.writenln("</pre>");

未定义值  未定义类型的变量是undefined，表示变量还没有赋值（如：var a；），或者赋予一个不存在属性值
    NaN，非数字，若计算错误后，产生一个没有意义的数字，返回的数字值就是NaN
空值   null，表示空值

常量   const
     常量名：数据类型=值；
变量   声明  ：var a；（值为undefined）
      ：var a=1；
      ：var a，b，c；
    作用域：若声明在函数外，在整个程序有效，程序结束，变量才失效，为全局变量；若在函数内，则函数解释，该变量的生存期就结束了，为局部变量

比较运算符  不介绍常用的了值都是布尔型true false
    ==  等于，值根据表面值进行判断，不涉及数据类型
    ===  绝对等于，根据表面和数据类型同时判断
    ！=  同上
赋值运算
    a+=b ——> a=a+b;
    a*=b   同上
字符运算
    +  连接两个字符串
    +=  连接两个字符串并且赋值给前面一个
逻辑运算符
    &&  逻辑与
    ||  逻辑或
    ！  逻辑非如：！a

位操作运算符  &  与运算符  <<  左移
    |  或运算符  >>  右移
    ^  异或运算符  >>>  填零右移  PS：运算前，先对操作数转换位32位的二进制数，再进行相关运算，结果用十进制数表示
    ~  非运算符

typeof运算符如：typeof a 值为：a的数据类型（把类型信息以字符串返回）

new运算符  new constructor[(arguments)]        (cons为必填，argument为选填 )
    例：  Object1 = new Object；
      Array1 = new Array();
      Date3 = new Date("August 8 2016")

运算符优先级  查表

数据类型的换行  查表

流程控制跟c语言一样

函数

语法：   function 函数名（参数1，参数2.。。）{   ...   return(可有可无) }    以function开头，return返回值

调用   简单调用  使用时在直接在body中写函数名（"参数","参数","参数"）；
    通过超链接调用  <a href="javascript:函数名（）；">链接名字</a>
    事件响应中  <input type="button" οnclick="函数名()">

嵌套函数：  一个函数里面有另一个函数  优点：内部函数可以直接使用外部函数的的参数和全局变量；缺点：程序可读性降低

递归函数：  函数自身调用自身函数，常用于处理阶乘问题，递归容易陷入死循环，得小心

JS中的内置函数
    eval（）   求字符串中的表达式的值
    isFinite()   判断一个数值是否为无穷大
    isNaN()    判断一个数值是否为NaN
    parseInt（）   将字符型转换为整型
    parseFloat()   将字符型转换为浮点型
    encodeURI()   将字符串转换为有效的URL
    encodeURIComponent()  将字符串转换为有效的URL组件
    decodeURI()   对encodeURL()编码的文本进行解码
    decodeURIComponent()  对encodeURLComponent（）编码的文本进行解码