JavaScript基础
一、JavaScript的介绍
1、诞生:
JavaScript诞生于1995年,由Netscape(网景公司)的程序员Brendan Eich(布兰登)与Sun公司联手开发一门脚本语言,1995年9月改为LiveScript。
2、JavaScript的概述
JavaScript是一个轻量级的语句,他是单线程的语句(一个线程解析)。他是一个弱语言(他没有固定的类型划分,你给定的值是什么类型他就是什么类型)他还是一个脚本语言(侵入实现xss攻击)。他是怎么被解析的(有浏览器的地方就能解析对应的JavaScript(v8引擎))。JavaScript是一种专为与网页交互而设计的脚本语言, 具有较强的逻辑性.
3、JavaScript 的版本
JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本.
4、JavaScript的包含的内容
JavaScript的构成为三个方面:ECMAScript(基本语法及相关对象es3 es5 es6 es7…),DOM(文档对象模型 操作HTML),BOM(浏览器对象模型 操作浏览器)
5. JavaScript 语言的特点
(1)脚本语言:JavaScript是一种解释型脚本语言。不同于C语言是先编译后执行,而是运行过程中逐行进行解释。
(2)基于对象。不仅能创建对象,而且能使用现有的对象。
(3)简单。弱类型的变量类型。
(3)动态性 。不需要经过Web服务器就可以对用户的输出做出响应。
(4)跨平台性。不依赖于操作系统,仅需要浏览器的支持。
6、导入JavaScript标签的方法:
script标签可以出现很多次,并且可以出现在任意位置。
(1)直接书写在script标签里面,script标签可以书写在html文件的任意位置,推荐书写在最末尾</html>后面:
(2)直接书写在标签里面,利用点击事件onclick添加:
(3)导入外部的.js文件:
在html文件里面书写js文件的路径:
然后在js文件里面书写内容:
二、JS变量,关键字,命名规范:
1、定义变量使用var(关键字)
eg:var age;(var 是关键字,age是变量名)
2、命名规则:
3、注释(注释是对代码进行解释,方便以后能一眼就看懂自己写的代码,注释不会被编译)
单行注释:Ctrl + /
多行注释:Alt + Shift + /
三、JS数据类型
1、JS数据类型一般可以分为:
Boolean: 布尔类型(true 和false)
Number:数字(整数int,浮点数float )
String:字符串(不区分单引号和双引号)
Object:对象 (包含Array数组 )
特殊数据类型 Null(给了一个空值)、Undefined(当前没有给值)
打印输出为:
2、、类型查看typeof操作符查看对应类型:
Undefined数据类型的值为: undefined 未定义
Boolean数据类型的值为: boolean 布尔值
String数据类型的值为: string 字符串
Number数据类型的值为: number 数值
Object数据类型的值为: object 对象或者null
Function数据类型的值为: function 函数
以上代码查看的是第4点中定义的变量的类型,查看结果为:
(null显示的是object,undefined是对应的null的对象扩展)
3、类型转换
String 转为Number的三种方法:
(1)Number 类型包含两种数值:整型和浮点型.
(2)parseInt() 是把其它类型转换为整型
(3)parseFloat() 是把其它类型转换为浮点型(小数)
String转为number(显示转换)
NaN, 即非数值(Not a Number)是一个特殊的值
Boolean 类型的转换规则: (牢记):
String: 非空字符串为true, 空字符串为false
Number: 非0数值为true, 0或者NaN为false
Object: 对象不为null则为true, null为false
Undefined : undefined为false
(1)将字符串转为boolean:
(2)number转Boolean 非0 和非NaN 则为true ;NaN和0就是为false
(3)将undefined 和对应的null转为Bolean
(4)Boolean 转为number(false 0 true 1)
(5)将对应的undefined和null转为number(0)
四、JS算术运算符
1、JS算术运算符
算术运算符 : +,-, *, /, %(取余数)
字符串和变量的拼接: +
关系运算符 : <、>、<=、>=、==、===(全等,也叫恒等于)、!=, !==
逻辑运算符 : && 与(且)(同true则为true)、|| 或(有true就为true)、! 非(取反)
赋值运算符 : =、+=、-=、*=、/=、%=
自增、自减 : ++a, a++, –a, a–
(NaN出现,计算结果一定为NaN;先算乘 、除、%,再算加、减;)
2、位运算(转为二进制再进行位的变化运算)
>> 右移 << 左移 ~~ 去掉小数
3、三目运算符:
4、number对应的保留小数的
五、拓展:
1、无穷大 无穷小(Infinity)
2、进制的转换
(2)将10进制的数值转为对应的8或者16进制的字符串
六、总结:
1、Number方法转为number类型的值
2、Boolean方法转为boolean类型的值
3、String方法转为string的值(toString方法)
4、toFixed方法转为字符串保留多少位小数++自增和一自减(前置和后置的区别)
5、Infinity表示无穷大
6、isNaN判断是否为NaN
7、typeof检索对应的类型(所有的引用类型都是object其他显示对应的值类型)
8、变量名的书写使用var关键词来声明变量
七、练习题: