1 -- JavaScript基础

目录

前言

JavaScript介绍

语法

变量

常量

 模版字符串

数据类型

类型转换（为什么需要）

隐式转换

显式转换

---

前言

作为一名前端学习者，这是我的第一篇博客，通过博客，我将分享我的前端学习心得和笔记，希望能够与大家一起探索前端开发的奥秘，共同成长。

JavaScript介绍

JavaScript 与 Java 没有任何联系，JavaScript语言要简单的多。

JavaScript 是 脚本语言（解释）通过Web浏览器完成操作，实时控制页面和改变样式。
Java 是 编程语言（编译）独立运行。

JavaScript可以分为三部分：  ECMAScript      DOM       BOM

ECMAScript（ES）：JS的基本语法，JavaScript的核心。
DOM：文档对象模型（Document Object Model）用于操作页面元素。
BOM：浏览器对象模型（Browser Object Model）用于操作浏览器。

语法

输入输出语法

输出（位置）：body，弹出框，控制台。document.write()，alert()，console.log()

输入：对话框。prompt()

变量

       变量：储存数据的容器，let不能重复声明         

常量

        常量：const声明，不会改变，不允许更改

 模版字符串

        反引号与${}     ` 我是${ 变量 } `

数据类型

        基本数据类型：String、Number、Boolean、Null、Undefined、Symbol  。

        引用数据类型：对象（Object）、数组（Array）、函数（Function）。

        定义变量未给值就是undefined，如果检测变量是undefined就说明没有值传递过来。
        如果一个变量里面确定存放的是对象，如果还没准备好对象，可以放个null。空(null)

        检测数据类型： typeof  obj     
        判断是否是数组：Array.isArray( obj )

类型转换（为什么需要）

JavaScript是弱数据类型：JS也不知道变量到底属于那种数据类型，只有赋值了才清楚。
坑：使用表单、prompt 获取过来的数据默认字符串型，此时就不能直接简单的进行加法运算。

隐式转换

某些运算符被执行时，系统内部自动将数据类型进行转换，这种转换称为隐式转换。

规则： 1、任何数据和字符串相加结果都是字符串
            2、除了+ 以外的算术运算符，比如  -  *  /  等都会把数据转成数字型。
            3、想让加号也能转数字型，则加号当正号用。console.log( typeof   +'123')，数字型

显式转换

自己写代码告诉系统该转成什么类型（即 强制类型转换）

转换为数字型：Number( obj )，parselnt( obj )  只保留整数，parseFloat( obj )  可以保留小数

let num = Number( prompt ('输入年薪') )        显式转换
let num =  + prompt( '输入年薪' )                    隐式转换

注：NaN 也是number类型的数据，代表非数字

 console.log(Number('12px'))          输出  NaN         有单位时
 console.log(parseInt('12.1px'))       输出 12                 
 console.log(parseFloat('12.1px'))   输出 12.1     

parselnt，parseFloat 使用情景：有时需要对页面宽高进行操作时，宽高有单位px，不能直接进行运算，这时可以使用 parselnt，parseFloat，再运算。