IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> javaScript基础_1 -> 正文阅读

[JavaScript知识库]javaScript基础_1

前言

本篇是javascript的基础部分,语法个人感觉和java相差无几,就不作过多的解释了;
注:conso.log()方法将传进来的数据显示到控制台中。

正文

注释:

//注释格式一
/*
	注释格式二
*/

创建变量:

var i;

变量用法和其他编程语言一样。

四则运算;自加自减;求余;复合运算:

var i=0;
i=i+1;
i=i-1;
i=i*1;
i=i/1;
i++;
i--;
i%1;
i+=1;
i-=1;
i*=1;
i/=1;

转义字符:

\'	//单引号
\"	//双引号
\\	//反斜杠
\n	//换行符
\r	//回车符
\t	//制表符
\b	//退格
\f	//换页符

字符串连接:

var a="Hello";
var b="World";
a=a+b;
a+=b;
a=a+"World";
//以上三种方式都可以实现a的值为Hello World;

.length方法:

var a="123456";
var b=[1,2,3,4,5];//这是一个数组
console.log(a.length);
console.log(b.length);

在这里插入图片描述
方括号定位:

var a="123456";
var b=[1,2,3,4,5];
console.log(a[0]);
console.log(b[1]);

在这里插入图片描述
字符串具有不变性:

var s="string";
s[0]="S";//修改无效并且报错
s="String";//修改有效

数组的嵌套(二级数组):

var s=[[0],[1,2],[3,4,5]];

数组的相关操作:

var s=[2,2,3,4,5,6];
s[0]=1;//修改数据
console.log(s);
s.push(7);//在尾部添加数据
console.log(s);
s.pop();//在尾部删除数据并返回
console.log(s);
s.unshift(0);//在头部加入数据
console.log(s);
s.shift();//在头部删除数据并返回
console.log(s);

在这里插入图片描述
函数定义:

function hello(){
	console.log("Hello World!")
	}
hello();

在这里插入图片描述
带参数和返回值的函数:

function sum(a,b){
	return a+b;
	}
console.log(sum(2,3));

在这里插入图片描述
值得一的是当函数不设返回值,则会默认返回一个undefined;
函数也可迭代使用。

局部变量与全局变量:

var a=1;//全局变量
function sun(){
	var b=2;//局部变量,只在函数中生效
	c=3;//全局变量
	}
console.log(a);
console.log(c);
console.log(b);

if 语句:

if(a>b){
	return a;
	}

判断词:

==//相等判断 注:"1"与1相等
!=//不等判断
>
<
>=
<=
===//严格相等 "1"与1不相等
!==//严格不等
&&//逻辑与运算
||//逻辑或运算

if-else结构:

if(){
	...
	}
else{
	...
	}

多个if-else:

if(){
	...
	}
else if(){
	...
	}
else{
	...
	}

switch 结构:

switch(value){
	case value1:
	...
	break;
	case value2:
	...
	break;
	case value3:
	...
	break;
	}

javascript 对象:

var s={
	name:"banna",
	like:"apple"
	}
console.log(s.name);//使用属性值方法一
console.log(s["like"]);//使用属性值方法二
s.legs="4";//增添属性值方法一
s["tails"]="1";//增添属性值方法二
console.log(s);
delete s.tails;//删除属性
console.log(s);

在这里插入图片描述
在类的里面可以嵌套类数组,数组里面也可以嵌套数组和类,在访问属性时要注意嵌套关系,按规定格式访问即可。

for 循环:

for(var i=0;i<10;i++){
	...
	}

while 循环:

while(boolean){
	...
	}

do-while 循环:

do{
	...
	}
while(boolean);	

上面两个的区别就是第一个先判断条件再执行结构体,第二个是先执行一遍结构体再判断条件,保底执行一次。
三元运算:

a>b?plan A:plan B;//条件成立执行A,不成立执行B

生成随机数0-1:

console.log(Math.random());

在这里插入图片描述
parseInt(),将字符串转变成数字:

var a=parseInt("008");
console.log(a);

在这里插入图片描述
parseInt()的另一个用法:

var a=parseInt("11001",2);//第二个为所示的进制,结果是转化成十进制;
console.log(a);

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-26 11:59:24  更:2021-07-26 12:01:53 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年4日历 -2024/4/20 4:09:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码