今天我要介绍的新知识点内容为:JavaScript的基本语法以及使用说明。
首先我们先了解一下JS(JavaScript简称)是什么以及怎么使用JS:
介绍:JavaScript(JS)是一门弱类型的语言,用于给HTML页面上添加动态效果与交互操作。
使用JS:1:使用script标签,一般而言放在head标签中;2:定义js文件,再通过script标签引入。
调试JS:打开浏览器,按F12键位打开控制台(console)即可调试。
基本语法:
变量声明
- 使用
var
、let
或const
声明变量。let name = "Alice"; // 可重新赋值 const PI = 3.14; // 常量,不可重新赋值
注:JS的语法与Java语言类似,每个语言以 ; 结束。语句块用{},但是不强制要求使用;结尾。
//行为注释,一般用在script标签内。/* */ 为块注释,一般用在头部标签内,且JS严格区分大小写;
变量和数据类型:
1.在JS中,所有的变量都是使用var,let,const关键字声明,并且变量的值与类型都可以发生改变。使用typeof可以查看数据类型。
数据类型
- 基本类型:
string
、number
、boolean
、undefined
。 - 引用类型:
object
、array
、function
。
let age = 25; // number
let hobbies = ["阅读", "编程"]; // array
Number:JavaScript不区分整数和浮点数,统一用Number表示:NaN(非数字):1/"a" 。非数字不能使用比较,需要调用isNaN()方法。
如果要判断某一个数字的值的类型是否是数字可以使用非数字:数字+*“ 此处填入拟命名”
let a =123;let b =3.14;console.log(typeof(a));console.log(typeof(b));let c = 2*"a";console.log(c);// // 非数字不可用==比较,须用isNaN 比较console.log(isNaN(a));// // isNaN 是用于比较非数字的,T真F假console.log(isNaN(c));
效果:
Infinity : 无穷大;parseInt(String):整数 ;parseFloat(String) :小数;%:求余
/ 除法:由于精度问题会出现结果不精确,可以调用.fixed()方法保留小数点位数
String:可以使用' '和" ";使用反引号 ` ` 可以创建模板字符串
let s ="hello world";let s1 ='hello world';let s2 =`hello world`;console.log(s);console.log(s1);console.log(s2);document.write('<div id="d1" style="height:100px;width:100px;background-color:red"></div>')document.write("<div id='d2' style='height:100px;width:100px;background-color:red'></div>")document.write(`<div id="d3" style='height:100px;width:100px;background-color:red'></div>`)
注:放入反引号,无论里面是单引号双引号,都可以识别得到。
效果:
Boolean:&&: 并且;或者:||;
比较运算符:转换类型再比较:==;比较类型与内容:===;
// boolean:布尔let f =true;let f1 =false;console.log(f)// // ||表或者// // &&表并且console.log(f||f1); console.log(f&&f1);let aa=123;let bb='123';// // ==表先转化再比较console.log(aa==bb)// // ===表比较类型or内容console.log(aa===bb)
效果:
注解:console.log(aa==bb)意思是先给他们转化为一样的再作比较,若结果不同则为错误。console.log(aa===bb)不单单之比较内容,还有类型,所以三个等于号的内容是比较严格的,双等于不会跟三等于严格。
{ key:value }—Object:
// 对象型object{key.value,key:value ...}let obj ={name:'阿部',sex:'男',age:25,// ismarry 词意指是否婚配ismarry:false}console.log(obj)console.log(obj.name)
效果:
[a,b,c]—array:数组;
let arr =['阿部礼',21,8,12,'男',true]console.log(arr)// 获取数组中数据,至下标访问,从零开始 // 不论数字文字,都是一个下标点console.log(arr[1])// 数组长度,每一个单位都是一个长度console.log(arr.length)
效果:
弹框以及效果:
alert("ABB");
询问框以及效果:
let o = confirm('ABB','提示');
询问框以及效果:
let p = prompt('AABB?')console.log(p);
总结:
希望本文有关于JS基本语法的知识点内容能对你带来一定的帮助,同时非常感谢各位大佬的点赞与支持,咱们下一篇不见不散