JAVASCRIPT编写小程序就靠他了

javaScript
JS

前端灵魂

1.掌握javaScript的组成

为什么学习javaScript：
可以做表单验证
可以做页面的动态交互

js是什么？

W3C设立的语言
语言结构：HTML
表现语言：CSS
行为/交互语言：JS

它是一种基于事件和对象驱动的，具有安全性的脚本语言。
JS也是一门面向对象的编程语言，它是一种面向原型

javaScript这种脚本语言和java这种非脚本静态语言有什么区别/

编译器
java这种非脚本的静态语言，它们是先进行编译，然后编译后的代码才可以再某些机器上运行。

缺点：如果修改了源代码那么java这种静态语言必须要重新编译。

优点：当编译完之后，如果下次要在执行，无需编译直接执行，速度较快。

解释器:
一般解释器作为编译器的都是一些脚本语言/动态语言，无需编译，写完就可以运行。

优点：无需编译，修改完直接可以运行展示最新的。

缺点：每次都需要进行编译（解释），速度慢。

javaScript组成：

ECMScript --核心语法（标准）欧洲计算机制造协会设立的标准。
目前最常用的版本为5.1，最新版本为6.

2.掌握javaScript的基本语法

2.1javaScript的引入方式

联想记忆CSS

行内引入：
借助于标签内置的事件属性，来实现。
借助的事件属性有;onclick点击事件 onmouseover鼠标悬浮事件 onblur失去焦点事件

内部引入：
在上编写

2.2javaScript变量

java中变量的组成：
变量的数据类型
变量名
变量值

javaScript中变量的组成：
变量的数据类型
var(variable)动态类型识别

变量名

它是由数字，字母，下划线，￥等组成，但是数字不能开头
见明知义
采用小驼峰命名法
也可以采用-连接命名法
变量值（单一类型的数据）

2.3javaScript数据类型

java中的数据类型
基本数据类型
数值类;byte short int long float double
飞数据类型：char boolean
String()：类似于面向对象语言的构造器，使用该方法可以构造一个字符串

charAt()：获取字符串特定索引处的字符

charCodeAt()：返回字符串中特定索引处的字符所对应的Unicode值

toUpperCase()：返回字符串的长度，JavaScript中文字符算一个字符

toLowerCase()：将字符串的所有字母转换为大写字母

fromCharCode()：静态方法，直接通过String类调用该方法，将一系列Unicode值转换为字符串

indexOf()：返回字符串中特定字符串第一次出现的位置

lastIndexOf()：返回字符串中特定字符串最后一次出现的位置

substring()：返回字符串的某个子字符串

slice()：返回字符串的某个子字符串，功能比substring更强大支持负数参数

match()：使用正则表达式搜索目标子字符串

search()：使用正则表达式是谁目标子字符串

concat()：用于将多个字符串拼接成为一个字符串

split()：将某个字符串分割成为多个字符串，可以指定分割符号

引用数据类型

数组，类，Enum枚举 接口

javaScript中的数据类型：
undefined；未定义，如果一个变量没有赋值过他的类型就是undefined
null:表示一个空值，他可以和undefined做相等判断
number :表示数值，整数或者浮点数
boolean:表示真和假 true false
string:表示字符串
object:表示对象类型（因为历史原因，以前的bug，所以当你测试null类型的数据时显示的是object）

2.4javaScript常用运算符

算术运算符：+，-，%，++，–，*，/

关系运算符：<, >, >=，<=, ==, !=, =, !

全等和等等的区别
==只比较内容
===不仅比较内容，还比较类型

赋值运算符：= += -= *=…

逻辑运算符：&& || !

2.5javaScript控制语句

基础if选择结构
if(条件表达式){
//代码
}

if-else选择结构
if（条件表达式）{
//代码
}else

多重if选择结构
嵌套if选择结构

3.掌握javaScript的函数使用

函数：方法，功能
一系列代码组成的一个完整功能

3.1基本的系统函数使用

alert:会弹出一个带有确定按钮的提示框

prompt:会弹出一个带有输入框的提示框

3.2会自定义函数（方法)

• 无参无返

  // function ： 函数/功能
  function 方法名(){
  // 方法代码
  }

  // 无参无返
  function method1(){
  alert(“我是无参无返！”);
  }

  // 方法需要调用
  method1();

• 无参有返

  function 方法名(){
  // 方法代码
  // 返回值
  return 返回值;
  }

  function method2(){
  alert(“我是无参有返！”);
  return “hehe”;
  }

  var result = method2();
  alert(result);

• 有参无返

  function 方法名(形参列表){
  // 方法代码
  }

  function method3(name,age){
  alert(“有参无返：”+name+"："+age);
  }
  method3(“xxx”,12);

• 有参有返

  function 方法名(形参列表){
  // 方法代码
  return 返回值;
  }

  function method4(name){
  alert(“有参有返:”+name);
  return “xx”;
  }