JavaScript:基本语法

今天我要介绍的新知识点内容为:JavaScript的基本语法以及使用说明。

首先我们先了解一下JS(JavaScript简称)是什么以及怎么使用JS:

**介绍:JavaScript(JS)**是一门弱类型的语言,用于给HTML页面上添加动态效果与交互操作。

使用JS:1:使用script标签,一般而言放在head标签中;2:定义js文件,再通过script标签引入。

调试JS:打开浏览器,按F12键位打开控制台(console)即可调试。

基本语法:

变量声明

  • 使用varletconst声明变量。

    javascript 复制代码
    let name = "Alice";  // 可重新赋值
    const PI = 3.14;     // 常量,不可重新赋值

    注:JS的语法与Java语言类似,每个语言以 **;**结束。语句块用{},但是不强制要求使用;结尾。

//行为注释,一般用在script标签内。/* */ 为块注释,一般用在头部标签内,且JS严格区分大小写;

变量和数据类型:

1.在JS中,所有的变量都是使用var ,let,const关键字声明,并且变量的值与类型都可以发生改变。使用typeof可以查看数据类型。

数据类型

  1. 基本类型:stringnumberbooleanundefined
  2. 引用类型:objectarrayfunction
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基本语法的知识点内容能对你带来一定的帮助,同时非常感谢各位大佬的点赞与支持,咱们下一篇不见不散

相关推荐
oliveira-time1 小时前
Java 1.8(也称为Java 8)
java·开发语言
^小桃冰茶2 小时前
CSS知识总结
前端·css
运维@小兵2 小时前
vue注册用户使用v-model实现数据双向绑定
javascript·vue.js·ecmascript
巴巴_羊3 小时前
yarn npm pnpm
前端·npm·node.js
chéng ௹5 小时前
vue2 上传pdf,拖拽盖章,下载图片
前端·css·pdf
嗯.~5 小时前
【无标题】如何在sheel中运行Spark
前端·javascript·c#
钰爱&5 小时前
【Linux】POSIX 线程信号量与互斥锁▲
java·开发语言·jvm
yt948326 小时前
Matlab实现绘制任意自由曲线
开发语言·matlab
A_aspectJ7 小时前
【Bootstrap V4系列】学习入门教程之 组件-输入组(Input group)
前端·css·学习·bootstrap·html
oioihoii7 小时前
C++23 std::generator:用于范围的同步协程生成器 (P2502R2, P2787R0)
开发语言·c++·c++23