初识JavaScript
一.概述
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,
JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
JavaScript开发者:Brendan Eich
它从构想到完成开发一共用了10天就完成了
二.快速入门
JavaScript的两种引入方式:
1.内部标签
<script> alert('hello,world'); //弹窗,弹出hello,world </script>
2.外部引入
<!--JavaScript的引入必须使用双标签,不能单闭合--> <script src="js/first.js"></script>
三.基本语法
<!--JavaScript和Java一样严格区分大小写--> <script> //定义变量 变量类型 变量名 = 变量值; var num =1; //JavaScript中使用的最多的就是 var类型,可以说它既可以定义字符串,还可以定义数值 //alert(num); //条件控制 if(num>=1){ //console:打印到审查元素,类似于Java的打印到控制台 console.log(num); }else { alert("<=1"); } </script>
总结:
- 语法结构和Java十分类似,包括严格区分大小写
- 数据类型比Java要少的多,就一个var类型,是一个十分随便的语言
- JavaScript依旧有条件控制和循环,用法和Java完全一样
console.log()打印到控制台,类似于Java的sout
四.基本数据类型
1.Number:数字,注意JavaScript不区分整型和浮点型,所以都可以使用Number来表示
123:整数
12.3:小数
1.23e6:科学计数法
NaN:not a number不是一个数
Infinity:无限大
2.字符串:太熟悉了和Java定义一样
‘asdfg’
“asdfghjkl”
3.布尔值
false
true
4.逻辑运算
&&:两个都为真则为真
|| :一个为真,则结果为真
!:非,假为真,真为假
5.比较运算符!!!重要
= :赋值符号
== :等于(JavaScript中即使数据类型不一样,但是值一样依旧可以等于,如:10=="10",这是成立的)
=== :绝对等于(必须要类型一样,值一样才可以,这才是高级语言中的等于)
注意:
一般我们在进行比较的时候尽量不要使用==,因为===更贴合我们的编程习惯
NaN===NaN,结果为false,这个NaN与所有数值都不相等,包括自己,只能通过isNaN(NaN)这个函数来判断,结果为true
6.浮点数问题
我在使用浮点数时,很容易出现浮点数精度丢失问题,尤其是,无线循环小数和无线不循环小数
例如:
1/3 :这个数是0.3的3的循环
1-2/3:结果也是1/3
但是在判断时,它们是不相等的,因为计算机在计算的时候会去使用一个确切的值比较,当1/3的3无限循环下去的时候,当计算机装不下去了就会丢失精度
7. null 和 undefined
null :定义了,但是值为空
undefined:没有定义的
8.数组
Java的数值必须是相同类型的对象,但是JavaScript不需要~
var arr = [1,2,3,'asd',"asdf"];
new Array(1,2,3,"asdd");
利用数组下标取值,如果越界就会报错:undefined
9.对象
var person{
name:"msf",
age: 18,
tages: ["java",99]
}
总结:
定义对象直接使用var关键字就可以了,然后再里面写值
属性名后面跟英文冒号加空格,:
各个属性之间要用英文逗号隔开,但是最后一个属性不需要
对象一般使用大括号{}把属性括起来,而数组使用中括号[ ]
五.严格检查模式:strict
严格检查模式必须要再ES 6下才可以使用
'use strict'; 严格检查模式,预防JavaScript随意性导致的一些问题
这句话必须写在第一行
建议局部变量都是用 let 去定义,这也是ES 6 的新特性
上图是ES 6语法的配置方法
<script> 'use strict'; var i=1; let num = 5; // ES6 let 局部变量专用 </script>
使用严格检查模式以后,对于没有变量类型的都会报错(爆红)
代码在控制台也无法输出