JS笔记（01）

JS简介和写法

1.JavaScript前言

Web前端有三层：

                             html                描述内容

                             css                 描述样式，美化页面

                            JavaScript      描述动作

发展历史：JavaScript-JS不是java 是一种操作网页的脚本语法 ，网景公司实现了javaScript，微软在IE 实现了Jscript，而ECMAScript是标准语言。

2.JavaScript的三种写法

（1）行内式： 

在元素的事件中，可以直接写js脚本代码 ，不推荐，不便于维护。

例如： <a href="JavaScript:void(0)">抽奖</a>

（2）引入式：

也叫内联样式，写在js文件中，使用script的src属性导入。

例如：<script src="./index.js"></script>

（3）嵌入式：

也叫外联样式，写在script标签中，如果界面js代码比较少可以使用。

例如： <script>

        var a = 20;

        console.log(a);

    </script>

注意：在既有引入式和嵌入式时，只会执行引入的文件代码。

JS变量声明和命名规则

1.命名规则

（1）变量名可以包含字母,数字,下划线（_）,美元符号（$）,但是不能以数字开头，例如：66bac等以数字开头的变量名。

（2）变量也不能是js中的关键字和保留字，例如：if，while等。

（3）变量名严格区分大小写

2.声明变量

(1)声明一个变量用var语句，例如：

var aba；//声明了变量a，此时值为undefined

var $_07f=1；//申明了变量$_07f，同时给$_07f赋值为1

JS变量的使用

1.变量的定义

变量就是保存数据的一种标记

2.变量的使用

（1） 我们在使用变量的时候一定要先声明，然后再赋值，实现的是对变量值的存取。

例如：var a=1；实际含义是将1赋值给a，即将1存储到a这个变量空间。

（2） 如果在给一个变量进行赋值的过程中，代码运行后这个变量不存在，那么就回隐式声明这个变量，然后再进行赋值。

例如：var a=10；b=a；console.log(b);这时将会打印出10，因为当把a的值赋值给b时，b这个变量不存在就会隐式b变量的声明，即b=a；//var b=10；

（3） 在取一个变量值时，一定是取该变量最后一次存入的值，如果变量不存在就会报错，将停止那一行代码运行。

例如：var a；var b；a=1；a=2；a=10；b=a；这时是将最后一次a存入的值10赋值给b。

（4） 如果一个变量先使用后声明，那么值要等代码运行结束以后再进行赋值。

JS保存的数据和引用的数据

保存的数据

number，string，布尔值，undefined，null

1.数字 number

（1）  简单运算符+，-，*，/（除）,% （余）  。  在做余数运算时其所得的值不能大于被除数的值。

例如：a%7 其所得的余数值不能比7大

（2）  JS数字的小数不精准  例如：a=0.1；b=0.2；var c=a+b； 所打印出来的值为0.30000000000004，其计算结果不够精准。当小数点后的数字很少时可以把小数先化为整数后进行计算。

例如： a = 0.1； b = 0.2； var c = (a * 10 + b * 10) / 10; console.log(c);

但是在做网页和app的设计过程中对精度要求不高，可以不转换为整数，在计算结果后保留结果精度。

2. 字符串 string

（1）字符串是计算机与人类沟通的桥梁，是一种数据类型

1. 字符串结束一串字符时由单引号或者双引号括起来。例如：var str3="hello"；或者var str4='hello';

2. 如果一个表达式左右两边有一个字符串，那么就会把其他元素都转换为字符串再进行拼接得到新的字符串。例如：var a=300; var b="200"; var c=a+b;此时的c为字符串300200，不为数字。

3. undefined和null

var a=undefined；往往代表标识符没有给定初始值，其具有业务意义。

var a=null；往往代表业务的数据为空。

4. boolean(布尔值)

（1） 布尔值仅仅存储两个值的数据类型：ture（真）和false（假）。

数值的0，-0，特殊值的null，undefined，空字符都会被解释为false；则其他值则会被解释为ture。

（2）==表示取双等号两边的值是否相等。

例如：var a="200";var b=200;console.log(a==b);所打印的值为ture。

（3）===表示取三等号两边的值和类型是否相等。

例如：var a="200";var b=200;console.log(a==b);所打印的值为false。因为a的数据类型为字符串，而b的类型为数字。

5. typeof

typeof跟+，-，*，/等一样也是一种运算符，它的运算符的返回类型为字符串，值包括以下几种： "number"  "string" "undefined"  "boolean"  "object"  "function".

例如： var b = 200；console.log(typeof b)；var c = typeof (b)；此时所打印的结果应该为"string",因为console.log(typeof b)；所打印的结果为"namber",其返回类型应该为字符串。