目录
前言
作为一名前端学习者,这是我的第一篇博客,通过博客,我将分享我的前端学习心得和笔记,希望能够与大家一起探索前端开发的奥秘,共同成长。
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,再运算。