JavaScript简单入门

1.JavaScript简单入门

1.1概述

JavaScript是一门世界上最流行的脚本语言

一个合格的后端人员,必须要精通JavaScript

2、快速入门

2.1引入JavaScript

1.内部标签:

2.外部引入

abs.js

alert('hello world');

test.html

<script scr="abc.js"><script>

2.1基本语法入门

var num;

var name;

alert()相当于print()输出

2.2数据类型

数值,文本,图形,音频,视频…

number

js不区分小数和整数,number

123//整数123
123.1//浮点数
1.123e3//科学技术法
-99//复数
NaN//nt a null
Infinity//表示无限大

字符串

‘abc’ “abc”

布尔值

true,false

逻辑运算

&& 两个都为真
|| 一个为真,结果为真
! 真即假,假即真

比较运算符

=
==等于  (类型不一样,值不一样,也会判断为true)
===  绝对等于(类型不一样,值一样,结果为true)

这是JS的一个缺陷,坚持不要使用==比较

须知:

NaN===NaN,这个于所有的数值都不相等,包括自己

只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题:

console.log((1/3)===1-2/3)

尽量避免浮点数进行运算,存在精度问题

Math.abs(1/3-(1-2/3))<0.000000001

null和undefined

null 空

undefined 未定义

数组

在这里插入图片描述

在这里插入图片描述

在浏览器中运行
在这里插入图片描述

在这里插入图片描述

2.3严格检查格式

在这里插入图片描述

3.数据类型

3.1字符串

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3.2数组

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

数组、:存储数据(如何存,如何取,方法都可以自己实现)

3.3对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.5 Map和Set

ES6的新特性:

Map:

在这里插入图片描述
Set:无序不重复的集合:
在这里插入图片描述

3.6 iterator

使用iterator来遍历迭代我们Map,Set!

遍历数组

在这里插入图片描述

遍历map
在这里插入图片描述

遍历Set

在这里插入图片描述

4.函数

4.1定义函数

function abs(x)

{

if(x>=0)

return x;

else:

return -x;

}
var abs=function()
{
if(x>=0)

return x;

else:

return -x;
}

调用函数

abs(10)
abs(-10)


arguments包含所有而参数,我们有时候想使用多余的参数来进行附加操作。需要排除已有参数

Es6引入洗的呢特性,获取除了已经定义的参数外的所有参数

function he(a,b...rest)
console.log("a=>"+a)
console.log("b=>"+b)
console.log(rest);
}

rest参数只能写在最后面,必须用…标识

***4.2.变量的作用域

***4.3方法调用

***Date

JSON

早期,所有数据传输习惯使用XML文件!

JSON是一种轻量级的数据交换格式。

简介和清晰的层次结构使得JSON成为理想的数据交换语言。

易于人阅读和编写,同时也是易于及其解析和生成,并有效的提升网络传输效率。

在javaScript一切皆为对象,任何js支持的类型

6.面向对象

javascript、java、

类:模板

对象:具体的实例

7、操作BOM对象(重点)

BOM:S浏览器对象模型

window代表浏览器窗口

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值