一、Javascript概述
a.一种基于对象以及事件驱动的脚本语言文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
b.作用: 给页面添加动态效果文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAscipt.文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
d.特色:文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
1). 弱势语言文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
2). 由阅读器直接解析执行。(函数不能直接执行)文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
3). 是一个解释性语言文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
4). 交互性(它可以做的就是信息的动态交互)文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
5). 安全性(不允许直接走访本地硬盘)文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
6). 跨平台性(只要是可以解释Js的阅读器均可以执行,以及平台无关文章源自微观生活(93wg.com)微观生活-https://93wg.com/4370.html
e . javascript以及java的一些区分:
1). javascript是一个解释性语言,java是编译解释性语言
2). javascript是一个弱势语言,Java是一个强势语言
3). 在页面上引入的方式不同javascript代表用<script>引入,Java代码<%>
4). JS是基于对象,Java是面向对象。
二、JavaScript语言组成
EcMAScript + BOM + DOM
ECMAScript: 规定了一些语法,变量,for循环等等结构
BOM: Browser object Model 阅读器对象模型
DOM: Document object Model 文档对象模型
三、JavaScript与Html的结合方式
Javascript与HTML的结合方式有三种:
1.采取事件来调用,代码写在字符串中
<button onclick = \"alert\">点击</button>
2.采取定义函数的方式: 用function来定义函数
function fun{ alert} ;
3.采取外部js文件.
应用<script src = \"a.js\"></script>引入
四、JavaScript基本语法
* 定义变量:采取var关键字来定义.定义的变量的类型是由给定的值来抉择的。
* 数据类型: undifined,表示不决义类型。
Number类型。代表了一切数字类型
String类型。字符串类型
Boolean类型。布尔类型
Function类型。函数类型
Null类型。
object :对象类型.
* 判断变量的类型 :
1. 采取typeof函数判断 :typeof == \"string\"
2. 采取instanceof运算符: a instanceof String
* 三大结构
a.顺序结构
b.选择结构
c.循环结构 for,while,do...while
* 运算符
1.一元运算符 + - ++ --
2.二元运算符 + - * / %
3.三元运算符 ? :
4.等号 == 判断的是内容,
=== 全等于 ,判断类型以及内容
* 类型的转换
1. Number转String : 3 + \"\"
2. Number转Boolean :在javascript中,非0为真,0为假。如果变量为null或者undefined,也为假.
3. String转Number:
a. parseInt,parseFloat
b. 乘以1便可
五、JavaScript 函数的定义(掌握)
* 函数的定义有三种方式:
1.采取function关键字来定义
2.采取匿名的方式来定义
3.采取new Function的方式
* 函数的调用:
1.函数调用的时候参数可以传递多个,可以以及函数定义的形参个数不相符
2.如果函数重名了,那么调用的时候一定是调用最后一个,与参数无关。
*** 举荐: 定义函数的不要重名。
函数劫持:
扭转函数自身的作用.
六、JavaScript 全局函数
全局函数:
1.isNaN :用来判断变量是不是是数字类型的字符串
NaN: not a Number ,不是一个数字
2.parseInt,parseFloat
3.eval: 把字符串转换成数字
4.escape: 编码
5.unescape: 解码
6.encodeURI: 对网址(URL)进行编码
7.decodeURI: 对网址(URL)进行解码
七、JavaScript经常使用对象介绍(掌握)
* Array对象 数组对象,进行数组操作
定义方式
1.采取new的方式
2.采取中括号[]来定义
数组的长度可以随时扭转
特色:
1.javascript中数组的大小可以随时扭转
2.javascript中数组的下标可以是任意对象。
办法:
1.join : 把数组的所有元素放入一个字符串. 默许用逗号连接
2.push : 向数组的末尾添加一个元素
4.reverse :反转
3.shift : 删除了并返回数组的第一个元素
4.sort ; 排序 .默许同类型的数据相比较.
* String对象 ----- 字符串类型的引用类型
String对象:
方式:substr: 截取字符串 两个参数第一个是下标,第二个是长度
substring: 截取字符串 两个参数第一个是下标,第二个是下标
toUppercase:
toLowercase:
indexOf:
charAt :
replace:
* Number对象 ---- 数字原始类型引用类型
Num对象:
1. random : 取得随机数[0,1)
2. ceil : 返回大于等于次数的最大整数
3. floor : 返回小于等于次数的最大整数
4. round: 返回四舍五入后的整数
* Boolean对象 ---- 布尔原始类型引用类型
* Math对象 执行数学任务
* Date对象 用于处理日期以及时间
Date对象: 代表一个时间
办法: getXXX : 拿到年月日
* RegExp 对象正则表达式对象
正则表达式
写法: 1. new的方式 var r = new RegExp ;
2. 采取/正则表达式/ var r = /ab/ ;
以上就是微观生活(93wg.com)关于“前端干货:JS你必需要知道的知识 大不了重头来”的详细内容,希望对大家有所帮助!
评论