js基础-1

js：js是一个基于事件驱动的语言

1、什么是javascript

1、网景公司布兰登艾奇创建的
2、早期是用来验证表单的输入正确性
3、现在的javascript可以来进行页面的交互效果
4、跨平台的脚本语言

2、javascript的由来

a、创建者：布兰登。艾奇
b、javascript早起是来验证表单的输入正确性

3、java与javascript的关系

雷锋跟雷峰塔

4、javascript和h5之间的关系

依赖关系

什么是跨平台?

window mac 尤尼斯它

6、脚本语言

脚本语言：标记语言和编程语言之间的一种语言
编程语言：c c++ java php…. 高级语言 汇编语言 机器语言。。。

7、cpu 硬盘 内存？

cpu:处理器
硬盘：存储数据====》传输速度慢
内存：可以执行电脑上面的某一些程序====》》存储一些信息 传输速度比较快

网页的组成部分：

结构层：html
表现层：css
行为层：js

javascript组成部分：

EcmaScript: 欧洲电脑厂商联盟 一种规范 汽车必须有的东西====》发动机===》轮胎==》方向盘===》
bom:浏览器对象模型
dom:文档对象模型

css引入方式：

内部： <style></style>
外部：link....
内联：<div style=""></div>

js引入方式

内部：<script></script> 可以在两个标签之间写js的代码
外部：<script src=""></script>可以通过src来引入js的外部文件，如果写了src之后禁止在两个标签之间在写js代码
内联：<div onclick="alert(1)"></div>

---

变量

变量的作用：

1、赋值
2、变量是一个可变的量
3、X:3 y:4; x*Y
4、大小写
5、变量就是内存里面的一块空间

如何声明一个变量

1、关键字var

2、如果用不是var来声明的一个变量的话 程序会报错

3、var 后面的一个名字是区分大小的

4、变量名和值之间用等号相连接

5、变量名和等号之间有一个空格 值与等号之间也有一个空格

6、每句代码结束之后要用分号

7、在代码里面所有的符号都要是小写的英文字母

---

js的注释

单行注释用//

多行注释/**/

---

命名的规则：

不可以用数字开头 必须用小写英文字母 数字 下划线 组合；

命名规则：

不可以用数字开头 可以用小写的英文字母 下划线 $符 数字进行组合； 见名字意

关键字:

系统已经定义好的字就叫做关键字

var var = 3; var function = 4;

保留字:
系统今后可能会用的上的字叫做保留字

class                 id                name

---

在js里面凡是用双引号或者单引号引起来的代码都叫做字符串

如果在页面输出某个变量的值得话这个变量是不需要加引号的+号可以将字符串或者值进行一个连接

---

js数据类型：

基本数据类型：

字符串 string:在js里面凡是用双引号或单引号引起来的代码叫做字符串。但是不允许出现一单一双;

number(数字): 1 2 3 4 5。。。。

只要不加双引号或者单引号的数字都是number类型

boolean(布尔类型):

对与错  true   false

特殊数据类型:

nullNaNundefined:声明了但是没有赋值

复杂数据类型(引用数据类型)：

对象  object;

为什么我们要划分数据类型？

可以方便的查找使用数据

如何查看数据类型:typeof

NaN

not a number 不是一个数字因为NaN的数据类型就是number

---

强制类型转换:

Number:第一个字母要大写。意思就是转换成一个数字
parseInt:将字符串转换成一个整数 可以将小数转化成整数
parseFloat:保留小数 强制将字符串转换成数字类型

隐式类型转换:

不许手动转换(强制转换),系统会自动进行转换

  -     * /  %    -=   *=    /=    %=   ==   !=

js里面的运算符

1、算数运算符：

                   + - * /  % 

2、关系运算符

                  != == === !==

3、逻辑运算符

&& :要么全对，如果有一个错误另一个正确那么也算错  返回的值是true false||:只要有 一个对就返回true   如果全错就是false

4、赋值运算符

=:在数学里面等号是左右两边相等  但是在js里面=是赋值的意思                var a = 5+3                var a+=3;===>a = a+3;                var a-=3;===>a = a-3;                += -+ *= /= %=      

5、自增自减运算符（一元运算符）

                 i++:先使用后赋值                 ++i：先赋值后使用                 i--：先使用后减                 --i：先减后使用

---

+号常见的大坑

1、任何字符串与加号后面的数据进行相加都会变成链接

2、false如果转换成一个数字的话是0

3、true如果转换成一个数字的话就是1

4、null如果转换成一个数字的话就是0