javascript语法

一、聊聊学习想法

• 本文章来自拉勾教育大前端，终于进入javascript模块了，也是前端学习者最重要的一门语言了，前端不管入门还是进阶，一定都要有知识体系建设的想法。从2019年到参加拉勾教育，一直都是处于自学的阶段，说真的，自学真的很困难，它不会像拉勾那样有整套学习体系，知识点概况全面。首先HTML、css、Javascript这三样真的很重要，不用去管那些花里胡哨的框架，因为框架是在不断迭代的，而这三样却是最基础的，无论前端怎么变化，只有打好这个基础，就等于打开了前端世界的钥匙。第二个就是无法利用所学的东西，说到这个就可以提下开发项目经验问题，所谓读万卷书不如行万里路，实际经验才是总结自己不足，检验自己的最好磨刀石。

二、笔记

javascript是什么

• 运行在客户端的脚本语言，用来给HTML增加动态功能
• 由三部分组成，ECMAScript、DOM、BOM

alert()

• 在浏览器弹出一个警示框，内容可以自定义
• 作为一个函数执行，必须在后面添加小括号，可以传递参数
• 所有特殊功能符号必须是英文字符，js对换行、缩进、空格也不敏感
• 如果js中没有控制结构，代码都是从上往下，从左往右加载的

prompt()

• 弹出一个对话框，可以在输入框根据提示输入内容
• prompt语句也是js内置的一个功能，有两个参数进行传递

  prompt("请输入您的年龄","18");
  

console.log()

• 在控制台审查元素中查看，可以在控制台，书写语句，执行
• js 有一个内置对象 console，内部封装了大量的属性和方法（函数），可以通过给
  console 对象打点调用方法名()、属性名方式去执行。有一个叫做 log（日志）方法，可以
  实现参数位置自定义内容在控制台输出

字面量

• 表达一个固定值的表示法，比如：数字、字符串、undefined、布尔类型

整数

• 十进制是最基本的数值字面量格式，可以直接在代码中输入
• 十六进制的前缀是0x或0X。后面可以包含数字（0-9）和字母a~f或A~F
• 八进制中，如果以0开头，每个位数有超过0-7直接的数字出现，强制忽略前面的，直接讲后面数当成十进制
• 在进行算术计算时或者参与程序，所有八进制和十六进制的数字都会被转换成十进制

浮点数

• 浮点数不区分进制，都是十进制，如果浮点数大于0小于1，可以省略小数前面的0

infinity 无穷

• 计算机计算能力有限，高于最大计算值显示正无穷，低于最小计算能力显示-infinity
• 最小值：Number.MIN_VALUE，这个值为： 5e-324
• 最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308

NaN

• 表示不是一个正常的数，但还是number类型的数字
• NaN与任何值不相等，包括本身
• isNaN():判断一个数据是不是一个NaN,返回布尔值

字符串字面量

• 组成：字母、汉字、特殊符号、空白
• 用一对单引号或者双引号构成的。引号中间可以有任意个字符或者空

转义符号\

• \n 换行 \t Tab制表 ' 单引号 " 双引号 \ 反斜杠

变量

• 变量相当于一个容器，内部可以存储任意类型的数据
• 使用var关键字进行定义，后面加一个空格，自定义变量名

变量的命名规范

• 由字母、数字、下划线、￥符号组成，不能用数字开头，区分大小写
• 不能是关键字和保留字，变量名是有意义的，遵循驼峰命名法

变量赋值

• 变量定义后，如果没有进行赋值，内部默认存储值叫undefined

数据类型

简单数据类型

• Number: 数字类型，不区分整数、浮点数、特殊值
• String：所有字符串
• undefined：未定义
• Boolean：只有true和false两个字面量，必须是小写，ture为1,false为0
• null：本身是个数据，表示一个空对象指针

object：复杂数据类型

检测数据类型

• 使用typeof进行数据检测
• typeof(null)返回的是object类型

数据类型转换

转换成字符串类型

• 数据.toString()方法和String():转换成字符串类型
• toString()无法转换null和undefined
• + 号拼接字符串方式

console.log(true.toString());
console.log(String(23));

Number()：转换成数字类型

• 字符串：纯数字字符串转为对应数字，空字符串和空白字符串转为0 ，非空非纯数字字符串转为 NaN
• 布尔值：true 转为 1，false 转为 0
• undefined：转为 NaN
• null：转为 0
• parseInt():字符串转换整数方法
  • 可以讲浮点数转成整数，去掉小数部分
  • 将字符串转为整数数字
• parseFloat():字符串转换成浮点数

  var num = parseInt(prompt("请输入你今年的年龄"))
  

Boolean():将数据转换成布尔类型

• 转型函数 Boolean() 可以用于任何数据类型，将其他数据类型转为布尔类型的值
• 转为 false ：NaN、0、“”空字符串、null、undefined
• 转为 true ：非0 非NaN数字、非空字符串

操作符

算术运算符（+ - * / %）

• 先算乘除取余、再算加减，有小括号先算小括号
• NaN参与的运算：得到的结果都是NaN
• 隐式转换：所有数据参与数学运算，其他数据类型自动转换成数字类型，再参与运算

比较运算符

• 比较他的操作数并返回一个布尔类型值，运算结构要么是true，要么是false
• == 相等，只判断大小是否相等，不判断数据类型
• === 全等，数据类型和值的大小都相等
• null 的判断比较特殊：null 与 0 判断时，相等判断为 false，>= 和 <= 判断为 true

逻辑运算符

• 常用于布尔类型值。&&:与，都真为真，有假为假、||:或,有真就真，都假才假、!:非，非真既假，非假既真
• 逻辑运算顺序： 非、与、或
• 并不是所有逻辑运算返回结果都是布尔值，其他数据参与得到的就是数据本身

赋值运算符

• = 等于
• += 加等于
• -= 减等于
• *= 乘等于
• /= 除等于
• %= 取余等于
• ++ 递加
• -- 递减

一元运算符: ++和--

• a++在参与程序中先参与，后自加
• ++a在参与程序过程中先自加，后参与

运算优先级

1.()优先级最高
2.一元运算符 ++ -- !
3.算数运算符 先* / % 后+ -
4.关系运算符 > >= < <=
5.相等运算符 == != === !==
6.逻辑运算符 先&& 后||
7.赋值运算符

流程控制

• 通过一些特殊结构可以让js代码加载时，要么跳过一部分不加载，或者可以循环加载一段代码
• 一般语句以分号结束，特殊的结构除外

if语句

• if通过某个指定的判断条件，决定走哪个分支的代码
• condition expression: 条件表达式，参与程序过程中强制得到一个布尔值执行结果
• statement:结构体中执行都执行，不执行都不执行

    if(condition expression){
      statement1;
    }else{
      statenemt2;
    }
  

• 多行分支代码如下：

  var num = parseFloat(prompt('请输入你的成绩'));
    if (num >= 85) {
      alert('优秀');
    } else if(num >= 75 && num < 85) {
      alert('良好');
    } else if(num >= 60 && num< 75){
      alert('及格');
    }else{
      alert('不及格');
    }
  

三元表达式

• boolean-expression ? true_value : false_value;
• boolean_expression:布尔表达式，表达式在参与三元运算中必须求得一个布尔类型的值，要么是 true，要么是 false，结果作为判断依据，判断到底去：前面的值还是后面的值
• true_value：布尔表达式的值为真时，三元表达式的结果
• false_value：布尔表达式的值为假时，三元表达式的结果
• 多用于给变量赋值根据条件二选一的情况

switch语句语法

• 多用于给一个表达式去匹配多种固定值可能性的情况

• default：相当于if语句中的 else，否则的情况，如果前面的 case 都不匹配，执行 default 后面的语句。

  switch (表达式) {
    case 值1:
        结构体1;
        break;
    case 值2:
        结构体2;
        break;
    ……
    default: 
        结构体n；
        break;
     }
  

循环语句

for循环

• for 循环是一种前测试循环语句，在反复执行一段代码之前，都要先测试入口条件，如果条件为真，可以继续循环，如果条件为假，必须跳出循环不再执行。

  for (var i=1; i <= 100; i++){
    console.log("这是上课第"+ i + "天");
  }
  console.log("毕业啦;")
  

do while循环

• do while 循环是一种后测试循环语句，会先执行一次结构体，执行完后才会去判断入口条件，如果条件为真能够继续下一次循环，如果条件为假跳出循环。

var i = 1;
  do{
    console.log(i);
    i++;
  }while(i <= 10)

while循环

• while 循环是一种前测试循环语句，在执行循环体之前都要测试入口条件，条件为真继续执行，条件为假直接跳出循环。

    while(条件表达式){
         循环体；
    }
  

穷举思想

• 一种解决问题的方法，将所有的需要数据所在的范围内所有的数据都一一列举出来，再根据规律的条件对所有这些数据进行筛选，这种方式就是穷举法。

累加器

• 有时候需要的不是每个数据是什么，需要得到所有数据的加和，必须想办法将所有的数据的和存起来，就用到了累加器

  var mul = 1;
  for(var i = 10; i>=1; i--){
    mul *= i;
  }
  console.log(mul);