Java Script基础笔记01 初识js

Java Script

1.初识js

1.1 js是什么？js语言的特点是什么？js能做什么事情？

• js是一种运行在客户端的脚本语言；
• js语言不需要编译，由js解释器（js引擎）进行逐句解释；
• js最初用来做表单校验，现在只要是客户看到的东西，js都能做处理；

1.2 js的组成

• js由ECMA Script，DOM，BOM这三个部分组成

1.3 js的书写位置

• 内嵌式，写在<script></script>标签中间；
• 外联式，写在单独的js文件里，通过<script src="index.js"></script>的形式引入；
• 行内式，写在标签内容里，不推荐使用；

1.4 js的注释方法

• 单行注释，//注释内容 ，快捷键 ‘ctrl+ /’；
• 多行注释， /* 注释内容 */；

1.5 js的输入输出语句

• prompt（‘内容’），输入框，让用户输入的；
• alert（‘内容’），弹出警示框，输出的，展示给用户看的；
• console.log（‘内容’），控制台输出，程序员看到的，给程序员测试用；

2.变量

2.1什么是变量

• 变量是用于存放数据的容器。 我们通过变量名获取数据，甚至数据可以修改。

2.2变量的使用步骤

1. 声明一个变量，比如： var num;
2. 给这个变量赋值，num = 10；
3. 使用这个变量，比如：console.log(num);
4. 变量的初始化，声明一个变量并赋值，var num = 10；

补充

1. 在小学数学中，等号代表相等，左边等于右边；
2. 在js编程中，等号代表赋值，把右边的值赋给左边；

2.3变量的语法扩展

• 更新变量：将一个变量多次赋值，以最后一次赋值为准；
• 同时声明多个变量：将多个变量用逗号隔开；
• 特殊情况：
  1. 只声明不赋值，变量值为undefined，未定义的；
  2. 不声明不赋值，报错；
  3. 不声明直接赋值，可以使用，但不建议；

2.4变量的命名规范

1. 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name；
2. 严格区分大小写。var app; 和 var App; 是两个变量；
3. 不能以数字开头。 18age 是错误的；
4. 不能是关键字、保留字。例如：var、for、while；
5. 变量名必须有意义；
6. 遵守驼峰命名法，首字母小写，后面单词的首字母需要大写，比如myFirstName；

2.5变量案例：交换两个变量的值

• 声明一个临时变量帮助我们
  var temp;
  var apple1 = ‘青苹果’;
  var apple2 = ‘红苹果’;
• 把apple1的值给临时变量
  temp = apple1;
• 把apple2的值给apple1
  apple1 = apple2;
• 把临时变量的值给apple2
  apple2 = temp;
  console.log(apple1);//红苹果

3.数据类型

3.1数据类型简介

• 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，定义了不同的数据类型。简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的；
• 数据类型分为简单数据类型和复杂数据类型；

3.2基本数据类型之数字型Number

• 八进制：数字前加0；
• 十六进制：数字前加0x；

3.3基本数据类型之字符串型String

• 字符串型可以是引号中的任意文本，其语法为双引号和单引号，我们一般使用单引号；
• 如果需要嵌套，可以用外单内双或者外双内单；
• 模板字符串，也可以使用反引号创建一个字符串；
• 字符串转义字符：
  1. \n，换行
  2. \,斜杠
  3. \，单引号
  4. "，双引号
  5. \t，缩进
  6. \b，空格

3.4 is NaN

• 主要用于判断变量保存的数据是否为非数字；
• 如果变量不是数字，则输出true；如果变量是一个数字，则输出false；
• 如果判断的变量的数据类型不是Number类型，它会先将这个变量转换为Number类型再做判断；

3.5字符串长度及拼接

• 变量.length可以检测字符串的长度；
• 字符串用+号进行拼接，“数值相加，字符相联”；
• 变量和字符串拼接，引引加加，‘字符串’+变量+‘字符串’；
• 也可以使用模板字符串，‘字符串${变量}’；

3.6简单数据类型之布尔型Boolean

• 布尔型分为true和false，在计算中表示1和0；
• undefined 是未定义的意思，如果一个变量的值为undefined，那么可以理解为这个变量不知道存储的是啥；
• null 是什么都没有的意思，如果一个变量的值为null，可以理解为变量里面什么都没有存储；

3.7 typeof

• 可以利用（typeof 变量）帮助我们获取变量数据类型；
• typeof能检测出来的数据类型有 number，string，boolean，undefined，object；
• prompt输出的是字符串型；

4.转换数据类型

4.1将数字型转换为字符串型

1. 利用+拼接字符串，num+’‘，采用了隐式转换，是我们常用的方法；
2. 变量.toString（），num.toString（）；
3. String（变量），String（） ，强制转换 ；

4.2将以数字开头的字符串型转换为数字型

1. parseInt（变量），得到的是整数，不存在四舍五入，会去掉单位，常用；
2. parseFloat（变量），得到的是小数，不存在四舍五入，会去掉单位，常用；
3. Number（变量） ；
4. 利用算术+ - * / 进行隐式转换，加减可以写在变量前面；

4.3将其他类型转换为布尔型

• Boolean（），代表空的、否定的值被转换为false，其他转换为true
• 补充：0,’’,NaN,undefined,null，会被转换为false

4.4简单加法器案例

    var first = prompt('请输入第一个值:');
    var second = prompt('请输入第二个值:');
    var str = parseFloat(first) + parseFloat(second);
    alert('结果是:' + str);