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

前言

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

文章目录

- - 初体验
  - 输入输出语句
  - 变量和常量
  - - 常量
    - 变量
  - 数据类型及数据类型的转换
  - - 数据类型
    - 数据类型的转换
    - - 转为字符串
      - 转为数字型（字符串转数字）
      - 转为布尔型
  - 数组
  - 函数
  - 预解析（JS的运行机制）

初体验

行内式

<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相当于全局变量

秒客网

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

文章目录

初体验

输入输出语句

变量和常量

常量

变量

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

数据类型

数据类型的转换

转为字符串

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

转为布尔型

数组

函数

预解析（JS的运行机制）

相关文章