JS基础
1.JavaScript介绍
概念:JavaScript简称js,是一门强大的编程语言,主要用于网页交互效果
2.js入门---重点
2.1 js的四种引入方式
1.分类
1)内嵌式(内部式)---重点
2)外联式(外链式)---重点
3)html标签的事件属性引入---了解
4)a标签href引入---了解
2.细节说明:
1)内嵌式---重点
概念:通过一对<script></script>在网页任意部分引入的方式
语法:<script>
jsd代码
</script>
2外联式---重点
概念:通过外部创建一个xxx.js文件,在文件中直接写js代码,再通过script标签的src属性引入
<script src="js文件路径"></script>
3)html标签的事件属性引入---了解
概念:主要通过左右标签都有的事件属性来惊醒引入js的方式
语法:
<div class="box" id="box"事件属性="需要执行的ja代码"></div>
4)a标签的href引入---了解
a标签:超链接,主要用于跳转到href属性设置连接地址
四种引入方式区别:
内部只针对当前网页有效,---测试或者演示
外联式可以多次被调用,只需引入---实际项目开发
标签事件属性,只能通过触发条件才会执行里面的jsdaima
a标签本身就是超链接,指定JavaScript协议,与onclick无差别显示
2.3 js三种输方式---重点
作用:主要用于调试代码
语法:
1.控制台输出---console.log('需要输出的内容')
2.弹窗输出---('需要输出的内容')---页面加载顶部
3.网页输出---document.write('需要输出的内容')---直接在网页中显示
注意:网页输出可以解析html标签,其他两种不能解析
3.javaScript基础语法
3.1 注释
作用:主要用于对代码进行解释说明
语法:
1.单行注释://针对当前行生效
2.多行注释:shift+Alt+A
3.2 变量----重点中的重点
定义变量:
ES5:通过关键字var 来定义一个变量
var 变量名;
赋值:变量名=值;
合并写法:var 变量名 = 值 ; //把变量的定义与赋值同时进行
ES6:通过关键字let 和 const来定义一个变量
let:表示相当于var的定义,有块级作用域{}
const:表示声明的是一个常量(不变的量),有块级作用域{},声明的时候必须同时赋值,并且声明结束之后不能重新赋值
#var let const 之间的区别---重点
ES5: 没有块级作用域,var定义变量后,还可以对已经定义好的变量还可以二次定义,但是以后的var无意义
ES6: 有块级作用域
let:声明的变量,不能再次使用let进行二次声明
const:声明的是常量,声明的时候必须同时赋值,并且不能修改
3.3 标识符---变量的命名规则
1.大小写字母、数字、下划线_,$,但是标识符不能以数字开始
2.不能是js种的关键字和保留字
3.区分大小写的
4.如果名字是由多个单词组成
1)分隔符:_
驼峰命名法:
大驼峰:每个单词的首字母大写
小驼峰:除了第一个单词,其他单词的首字母大写
4.变量类型---掌握
作用:给程序种的变量分成不同类型,目的就是让计算机存储数据最大化
4.1基本类型
ES5:5基3引
5个基本类型:number string boolean undefined null
3个引用类型:object array function
ES6: 6基1引
6个基本类型:number string boolean undefined null symbol
1个引用类型:object
1.number数字
整数:int、小数:float、NaN not a number
2.string 字符串
3.boolean(布尔值)
执行结果有且只有两个 true false
4.undefined
数据类型有且只有一个undefined
5.null 空对象
null本身是早期js中的bug,但后期比较好用,一直保留下来
null数据类型有且只有一个null
null作用:清空对象,释放内存,可以通过给变量进行赋值null清除内存
#面试题--null与undefined的区别:
相同点:都代表的是无值
不同点:
undefined--定义了变量为赋值
null--一个变量如果存储的值是引用数据类型,但是目前对象还没有创建,设置为null占位置
4.2数据类型转换---重点
概念:把一种数据类型转换成另外一种数据类型
作用:
数据之间的运算只有同类型之间的计算,如果不同类型之间存在运算的话,我们把他们转换成同一中数据类型再进行运算
类型转换分类:
1.强制数据类型转换--显示转换
2.自动类型转换--隐式转换
强制类型转换
1.数字类型
2.布尔类型
3.转字符串
1.转数字类型
1)转整数 parseTnt(变量);
2)转小数 parseFloat(变量);
3)转数字 Number(变量); |
|
|
|