前端干货:JS你必需要知道的知识 大不了重头来

小微 科技前端干货:JS你必需要知道的知识 大不了重头来已关闭评论119字数 2223阅读模式
摘要一、Javascript概述a.一种基于对象和事件驱动的脚本语言b.作用: 给页面添加动态效果c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAscipt.d...

一、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你必需要知道的知识 大不了重头来”的详细内容,希望对大家有所帮助!

继续阅读
 
小微
  • 版权声明: 本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们(管理员邮箱:81118366@qq.com),情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!
  • 转载请务必保留本文链接:https://93wg.com/4370.html