javascript基础

前端页面三层：结构层HTML 表示层CSS 行为层JS
含义：
JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。
作用：

• 1、实现表单验证，减轻服务器端压力。
  2、页面动态效果如图片轮播，Tab选项卡切换
  3、H5大量框架采用javascript开发完成。

特点：

      向HTML页面添加交互行为        借鉴多种语言设计的脚本语言

引入JavaScript方式（3种）：
- 使用标签内部样式
- 外部js文件
- 直接在HTML标签中的行为样式

---

JavaScript的基本结构

 <script type=“text/javascript”>    JavaScript 语句;</script >

变量：变量是一个标识符，在程序运行过程中用于保存临时数据

变量命名语法规定
必须是字母、数字、下划线和$组成
首字母不能是数字
不能使用Javascript保留字
命名区分大小写

---

数据类型：

• undefined
• null
• number
• boolean
• string
• object

typeof检测变量的返回类型值 typeof运算符返回值如下：

• undefined：变量被声明后，但未被赋值
• string：用单引号或双引号来声明的字符串
• boolean：布尔值
• number：整数或浮点数
• object：javascript中的对象、数组和null
• function

= 赋值
==判断数字字符串和数字的值相等。
===绝对相等 数值相同+类型相同。

---

函数
函数的含义：是将相关代码封装在一起，能完成特定任务的代码块
函数的作用：重复调用、简化程序
函数分类：系统函数和自定义函数

---

parseInt (“字符串”)
将字符串转换为整型数字
如: parseInt (“86”)将字符串“86”转换为整型值86
parseFloat(“字符串”)
将字符串转换为浮点型数字
如: parseFloat(“34.45”)将字符串“34.45”转换为浮点值34.45
isNaN()
用于检查其参数是否是非数字

---

定义匿名函数

var  showFun = function (count) {         for(var i=0;i<count;i++){        console.log("Hello World");      }};

循环的break 一出现会退出循环。
return：结束当前函数的运行，后面代码不再执行。
continue：终止循环进入下一次循环。
js中参数匹配特点：
不强制要求匹配、可有可无、参数由arguments封装
ps switch 多重条件语句中
都不满足用dedault: alert

  var letter = prompt('请输入英文字母：');        switch (letter){            case 'A':alert('您输入的是元音A!');break;            case 'E':alert('您输入的是元音E!');break;            case 'I':alert('您输入的是元音I!');break;            case 'O':alert('您输入的是元音O!');break;            case 'U':alert('您输入的是元音U!');break;            default:alert('您输入的是辅音字母！');        }

---

作用域
全局作用域：在代码的任何位置都可以访问

• 最外层的函数，script标签内部定义
• 最外层函数外定义的变量，script标签内部定义
• 隐式全局变量

局部作用域：在指定的代码段范围中可以访问。当局部和内部同名时局部高

• 函数内部定义的变量
  PS：内部函数是局部的

---

作用域链
作用域分为全局作用和局部作用域，函数访问一个变量的时候，先在自己的域里找，找不到就到它父函数里找，在找不到就在全局里找。

原型链
每个类都有一个原型对象，每个类都是object子类，我们在对象中访问一个属性的时候，先在对象中去找然后找不到就在它的原型对象中找，原型对象再找不到就到它的父原型对象找一直找到object类的原型对象。

---

    对象是一种复杂的数据类型

Javascript提供了大量的内置对象
Array
String
Math
Date
Arguments
RegExp

---

数组中队列：先进先出 push shift
堆栈：先进后出 unshift pop
Arguments 实现累加，包含所有参

---

BOM
BOM可实现功能
弹出新的浏览器窗口
移动、关闭浏览器窗口以及调整窗口的大小
页面的前进、后退、刷新和重新加载
获取操作系统和浏览器的信息

---

jQuery