今天我要介绍的新知识点内容为:JavaScript的基本语法以及使用说明。
首先我们先了解一下JS(JavaScript简称)是什么以及怎么使用JS:
**介绍:JavaScript(JS)**是一门弱类型的语言,用于给HTML页面上添加动态效果与交互操作。
使用JS:1:使用script标签,一般而言放在head标签中;2:定义js文件,再通过script标签引入。
调试JS:打开浏览器,按F12键位打开控制台(console)即可调试。
基本语法:
变量声明
-
使用
var
、let
或const
声明变量。javascriptlet name = "Alice"; // 可重新赋值 const PI = 3.14; // 常量,不可重新赋值
注:JS的语法与Java语言类似,每个语言以 **;**结束。语句块用{},但是不强制要求使用;结尾。
//行为注释,一般用在script标签内。/* */ 为块注释,一般用在头部标签内,且JS严格区分大小写;
变量和数据类型:
1.在JS中,所有的变量都是使用var ,let,const关键字声明,并且变量的值与类型都可以发生改变。使用typeof可以查看数据类型。
数据类型
- 基本类型:
string
、number
、boolean
、undefined
。 - 引用类型:
object
、array
、function
。
javascript
let age = 25; // number
let hobbies = ["阅读", "编程"]; // array
**Number:JavaScript不区分整数和浮点数,统一用Number表示:NaN (非数字):1/"a"****。 非数字不能使用比较,需要调用isNaN()**方法。
如果要判断某一个数字的值的类型是否是数字可以使用非数字:数字+*" 此处填入拟命名"
javascript
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: 可以使用' '和**" ";** 使用反引号 **` `**可以创建模板字符串
javascript
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:&&: 并且;或者:||;
比较运算符:转换类型再比较:==;比较类型与内容:===;
javascript
// 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:
javascript
// 对象型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:数组;
javascript
let arr =['阿部礼',21,8,12,'男',true]
console.log(arr)
// 获取数组中数据,至下标访问,从零开始
// 不论数字文字,都是一个下标点
console.log(arr[1])
// 数组长度,每一个单位都是一个长度
console.log(arr.length)
效果:
弹框以及效果:
javascript
alert("ABB");

询问框以及效果:
javascript
let o = confirm('ABB','提示');

询问框以及效果:
javascript
let p = prompt('AABB?')
console.log(p);

总结:
希望本文有关于JS基本语法的知识点内容能对你带来一定的帮助,同时非常感谢各位大佬的点赞与支持,咱们下一篇不见不散