初识Javascript

初识Javascript

一、认识Javascript

Javascript:一种基于对象和事件驱动的脚本语言

作用：给页面添加动态效果

特点：

1. 弱势语言
2. 由浏览器直接解析执行。（函数不能直接执行）
3. 是一个解释性语言
4. 交互性（它可以做的就是信息的动态交互）
5. 安全性（不允许直接访问本地硬盘）
6. 跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关

Javascript 和Java 的区别：

1. javascript是一个解释性语言,java是编译解释性语言
2. javascript是一个弱势语言，Java是一个强势语言
3. 在页面上引入的方式不同javascript代表用

二、Javascript 语言组成

EcMAScript + BOM + DOM

1. ECMAScript: 规定了一些语法，变量，for循环等等结构
2. BOM: Browser object Model 浏览器对象模型
3. DOM: Document object Model 文档对象模型

三、JavaScript与Html的结合方式

1. 采用事件来调用，代码写在字符串中

   <button onclick = "alert('大家好')">点击</button>

2. 利用script标签，采用定义函数的方式: 用function来定义函数

   function fun(){ alert('你好')} ;

3. 采用外部js文件 利用< script src = “a.js”>< /script>引入

四、Javascript 基本语法

1. 定义变量：采用var关键字来定义.定义的变量的类型是由给定的值来决定的

2. 数据类型

   • undifined,表示未定义类型
   • Number类型。代表了一切数字类型
   • String类型。字符串类型
   • Boolean类型。布尔类型
   • Function类型。函数类型
   • Null类型
   • object ：对象类型、引用类型

   判断类型的两种方式:

   1. 采用typeof():打印的是所有类型的tostring方法（所有类型的小写）
   2. 采用instanceof关键字：判断变量是不是某种类型new出来的 如：a instance Number

3. 类型转换

   • Number转String : 3 + “”
   • Number转Boolean ：在javascript中，非0为真，0为假。如果变量为null或者undefined，也为假
   • String转Number
     
     • parseInt,parseFloat
     • 乘以1即可

五、Javascript 函数的定义

1. 函数定义的方式
   
   • 采用function关键字来定义
   • 采用匿名的方式来定义
   • 采用new Function()的方式(了解,不推荐)
2. 函数的调用
   
   • 函数调用的时候参数可以传递多个，可以和函数定义的形参个数不符合
   • 如果函数重名了，那么调用的时候一定是调用最后一个，与参数无关

六、Javascript全局函数

1. isNaN ：用来判断变量是否是数字类型的字符串
2. parseInt,parseFloat
3. eval: 把字符串转换成数字
4. escape(): 编码
5. unescape(): 解码
6. encodeURI(): 对网址（URL）进行编码
7. decodeURI(): 对网址（URL）进行解码

七、Javascript常用对象

1. Array对象 数组对象，进行数组操作

   定义方式：

   • 采用new的方式
   • 采用中括号[]来定义

   特点：

   • javascript中数组的大小可以随时改变
   • javascript中数组的下标可以是任意对象

   方法：

   • join() : 把数组的所有元素放入一个字符串. 默认用逗号连接
   • push() : 向数组的末尾添加一个元素
   • reverse() :反转
   • shift() : 删除并返回数组的第一个元素
   • sort() ; 排序 .默认同类型的数据相比较

2. String对象

   方法：

   • substr: 截取字符串 两个参数第一个是下标，第二个是长度
   • substring: 截取字符串 两个参数第一个是下标，第二个是下标
   • toUppercase:
   • toLowercase:
   • indexOf:
   • charAt()：
   • replace():

3. Number对象

   方法：

   • random() : 获得随机数[0,1)
   • ceil() : 返回大于等于该数的最大整数
   • floor() : 返回小于等于该数的最大整数
   • round(): 返回四舍五入后的整数

4. Boolean对象 —- 布尔原始类型引用类型

5. Math对象 执行数学任务

6. Date对象 用于处理日期和时间

7. RegExp 对象正则表达式对象