前端入门一之JS最基础、最基础语法

前言

• JS是前端三件套之一，也是核心，本人将会更新JS基础、JS对象、DOM、BOM、ES6等知识点；
• 这篇文章是本人大一学习前端的笔记；
• 欢迎点赞 + 收藏 + 关注，本人将会持续更新。

初体验

• 行内式

<input type="button" value="点我试试" onlick="alert('Hello World')">

• • 少量可以写在HTML中
  • 注意引号，HTML：双引号，js：单引号
  • 特殊情况下使用

• 内嵌式

  <script></script>
  

• 外部js文件

  <spript src="  "></spript>
  

输入输出语句

• alert(’ '); 弹出框，输出框

• prompt(’ ') 输入框

  <script>let re = prompt(`1.输入 + - * / 计算两个数字的结果2.如果输入q则退出`);//一直计算，所以要用循环while(true){if(re === 'q') {break;}else {let num1 = +prompt('请输入第一个数字：');        // + 转为number型let num2 = +prompt('请输入第二个数字：');if(re === '+'){alert(`这两个数的和为: ${num1 + num2}`);break;}else if(re === '-') {alert(`这两个数的和为: ${num1 - num2}`);break;}else if(re === '*') {alert(`这两个数的积为: ${num1 * num2}`);break;}else if(re === '/') {alert(`这两个数的积为: ${num1 / num2}`);break;}}}
  </script>
  

• console.log(’ ') 给程序员看的

变量和常量

常量

• 整型常量（十六 八 十进制）
• 实型常量（如：小数，科学计数法）
• 布尔值
• 字符型常量
• 特殊字符

变量

• var 变量名
• 其余差不多

数据类型及数据类型的转换

数据类型

• js中变量的数据类型不确定，在程序运行过程中根据等号右边的值来确定

• Number：

  • 无穷：Infinity -Infinity
  • NaN非数字

• 验证是不是数字类型

  console.log(isNaN( ));    //返回值：true flase
  

• 字符串型（string）

  • 获取字符串长度 length

    var num="12345";
    alert(num.length);
    

    注意：字符串 + 任何类型 = 拼接之后的新字符串

• 布尔型（Boolean）

• true flase

• 未定义（Undefined ）

  • NaN
  • null（空值）

• 检查数据类型： typeof

数据类型的转换

转为字符串

• 重点： + ’ ’
• 变量名.toString
• String（变量名）

转为数字型（字符串转数字）

• parseInt(string)
• parseFloat(string)
• Number(string)
• 利用 * + -

转为布尔型

• Boolean( )

  • 转化值：

    • 代表空、否定的值会被转换 flase

    ​ 如：0 NaN null Undefined

    • 其他转化为 true

数组

var str = new Array[ ];   //  第一种
var str = [ ];        	 //  无长度   

• js扩容
  • 通过新增数组元素
  • 通过修改length长度：
    • 如 arr.length = 7;

函数

function 函数名( ) {  //()里面参数不用写类型}//调用
函数名（ ）;

预解析（JS的运行机制）

• 从上到下
• 变量预解析(变量提升)，但是变量赋值不会。
• 函数预解析(函数提升)

注意点：

var a = b = c = 9;
//相当于var a = 9; b = 9; c = 9;   b、c相当于全局变量