三:JavaScript快速入门(脚本开发方向)
跳转总目录
文章目录
- 1.js简介
- 2.js入门
- 2.1 变量
- 介绍
- 变量的声明
- 2.2 运算符
- 2.3 数据类型
- 3.js判断
- 4.js循环
- for循环
- While循环
- do while循环
- 5.js数组
- 6. js函数
- 7.js对象
1.js简介
JavaScript教程网址
JavaScript百度百科
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
2.js入门
2.1 变量
介绍
JavaScript 变量是存储数据值的容器
变量的声明
变量的声明需要使用关键字var
JavaScript中不区分变量类型
统一使用var关键字定义变量
var a;// 声明
a = 1;// 赋值var b = 2;// 声明并赋值log(a);// log()打印输出到日志
log(b);
小知识:
var 容器1 = "我是变量";
// JavaScript中是不允许使用中文命名变量的
// 但是在写auto.js脚本中是可以使用中文命名的
2.2 运算符
JavaScript运算符教程
var x = 1;
var y = 2;
var z = x + y;// 加法
log(z);// 打印输出到日志
var 容器1 = "我是容器1"; // 字符串
var 容器2 = 1; // 数值类型
log(容器1); // 输出 我是容器1
容器1 = 容器2; // =赋值符 区别于 ==
log(容器1); // 输出 1
容器1 = "1"; // 重新赋值if(容器1 == 容器2)// ==等于
// if比较的是变量的值,故比较结果为true
{log("相同");
}
else
{log("不相同");
}if (容器1 === 容器2)// ===等值等型
// 二者的值相同但是数据类型不同,故结果为false
// 字符串"1" 与 数值1 本质上并不相同
{log("相同");
}
else
{log("不相同");
}
2.3 数据类型
- 数据类型:字符串值,数值,布尔值,数组,对象。
JavaScript 数据类型
JavaScript 变量能够保存多种数据类型:
数值、字符串值、数组、对象等等
var ner = 1;// 数值型
var name = "小明";// 字符串类型
var is = true;// 布尔型:true false
var arr = [9,4,3];// 数组类型 索引从0开始
log(arr[0]);// 输出9
3.js判断
- if语法
var 条件 = true;// 布尔型
// 注意:中文命名仅可以在脚本中使用
条件 = false;if(条件)
// 条件为true时执行
{log("执行代码体");
}log("已经判断结束");
- if-else
var 条件 = true;// 布尔型
// 注意:中文命名仅可以在脚本中使用
条件 = false;if(条件)
{log("条件为真时执行");
}
else
{log("条件为假时执行");
}
- if判断运用到脚本实例
var 条件 = true;// 布尔型
条件 = false;/// findOne()内未设置时间,则会一直执行下去直到找到为止
if(text("设置").findOne(3000))
// text("设置").findOne()意为:
// 寻找文本"设置",找到返回true,未找到返回false
{log("找到了");
}
else
{log("没有找到");
}
- else if
var 条件1 = true;
var 条件2 = true;
// js是顺序执行的
// 当判断条件1为真时,就不会继续向后判断
if (条件1) {log("条件 1 为 true 时执行的代码块");
} else if (条件2) {log("条件 1 为 false 而条件 2 为 true 时执行的代码块");
} else {log("条件 1 和条件 2 同时为 false 时执行的代码块");
}
4.js循环
for循环
/*
for循环结构的使用一.循环结构的4个要素①初始化条件②循环条件 (布尔型)③循环体④迭代条件二.for循环的结构for(①;②;④){③}执行过程:①--②--③--④--②--③--④--......--②*/
var text = "";
for (var i = 0; i < 5; i++)
{text = "数字是 " + i;log(text);
}
While循环
/*一.循环结构的4个要素①初始化条件②循环条件 (布尔型)③循环体④迭代条件二.while循环结构
语法格式:
①
while(②)
{③;④迭;
}
执行过程:①-②-③-④-②-③-④-②-③-④-…-②说明:
注意不要忘记声明④迭代部分。
否则,循环将不能结束,变成死循环。
for循环和while循环可以相互转换。
*/
var i = 0;
// while循环的初始化条件变量需要声明在循环外
var text = "";
while (i < 10) {text = "数字是 " + i;log(text);i++;// while循环忘记写迭代条件就可能导致死循环!
}
do while循环
/*do-while循环结构的使用一、循环结构的四个要素① 初始化条件② 循环条件 --->是boolean类型③ 循环体④ 迭代条件二、do-while循环的结构①do{③;④;}while(②);执行过程:① - ③ (划重点)- ④ - ② - ① - ③ - ④ - ... - ②说明:①do-while循环至少执行一次循环体。*/
var i = 0;
var text = "";
do {text = "The number is " + i;log(text);i++;}
while (i < 10);
5.js数组
var cars = ["Saab", "Volvo", "BMW"];
// 索引从0开始
log(cars[0]);// 输出Saab
// 打印数组索引为0的第一个元素
log(cars[1]);// 输出Volvo
// 打印数组索引为1的第二个元素cars[0] = "che";
// 数组亦可以重新赋值
log(cars[0]);// 输出che// 获取数组的长度
log(cars.length);// 3
js的数组并不是定义后就固定的,是可以添加的
var cars = ["Saab", "Volvo", "BMW"];
log("原数组长度:" + cars.length);// 3// 添加数组的元素
cars.push("che");// 添加在末尾log("现数组长度" + cars.length);// 4
log("最后一个元素是:" + cars[cars.length - 1]);// 输出che
6. js函数
7.js对象
三:JavaScript快速入门(脚本开发方向)相关推荐
- java安卓开发 快速入门_安卓程序员如何快速入门后端开发常识
首先,对于安卓开发人员来说,学习一下后端开发知识是有必要的,一方面可以拓展自身的知识面,另一方面也可以推动自己走向全栈程序员发展路线,在云计算时代,全栈程序员的发展空间会更大一些. 相对来说,安卓程序 ...
- 《JavaScript快速全栈开发》作者Azat Mardanov:现在是拥抱Node技术栈的最佳时机
非商业转载请注明作译者.出处,并保留本文的原始链接:http://www.ituring.com.cn/article/195742 Azat Mardanov是一位有着12年开发经验的资深软件工程师 ...
- JavaScript快速入门(四)——JavaScript函数
函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)--JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...
- python选择某一行_Python常用语法有哪些 如何快速入门Python开发
Python常用语法有哪些?如何快速入门Python开发?Python编程语言是最容易学习.并且功能强大的语言,吸引了很多人学习入行.很多人想知道如何快速入门Python开发,接下来就给大家分享Pyt ...
- JavaScript快速入门(1)
JavaScript快速入门 详情百度百科 1. 什么是javaScript 2.快速入门 2.1.js引入方法 2.2. javaScript 的基本语法入门 2.3.数据类型 2.4.严格检查模式 ...
- 深入理解 Redis Template及4种序列化方式__spring boot整合redis实现RedisTemplate三分钟快速入门
概述 使用Spring 提供的 Spring Data Redis 操作redis 必然要使用Spring提供的模板类 RedisTemplate, 今天我们好好的看看这个模板类 . RedisTem ...
- 视频教程-快速入门Android开发 视频 教程 android studio-Android
快速入门Android开发 视频 教程 android studio 任苹蜻,爱学啊创始人 & CEO,曾就职于某二车手公司担任Android工程师后离职创办爱学啊,我们的宗旨是:人生苦短,我 ...
- 前端三大技术 HTML、CSS、JavaScript 快速入门手册
听到前端技术,不少朋友一定会感到有些陌生.但其实,前端,你每天都在接触. 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端. 而前端最重要的三大技术,HTML,CSS,JavaSc ...
- 3.JavaScript快速入门
1.什么是JavaScript 1.概述 是一门世界上最流行的脚本语言 Java和 JavaScript 一个合格的后端人员 必须精通JavaScript 2.历史 ECMAScript是JavaSc ...
最新文章
- 【MIT港科大】最新《贝叶斯深度学习》2020综述论文,35页pdf全面阐述最新进展...
- 2020 年的第 1 个重磅彩蛋!
- Electron项目怎样打包成桌面exe应用
- 怪物行为树案例_Behavior Designer行为树(简单实现巡逻)
- java自动获取时间 月代码_【java代码获取系统时间和执行定时任务】
- linux有读EC RAM的工具吗,Step to UEFI (179)Shell下 EC Ram 读取工具
- webpack配置路径问题
- iBatis的基本配置+CRUD操作
- windows上通过vnc连接虚拟机中linux系统
- Set A Light 3D Studio 2.0 for Mac(3D摄影棚布光软件)
- jquery 获取指定元素
- 局域网管理工具_分享一款苹果手机文件管理工具
- Java —— 学生成绩分析程序Demo(附源代码)
- python 面积计算器
- 简繁体互换工具:opencc
- 福利福利!!!!!!!!往这看!!!!!
- 开放云将使业务焕然一新
- PIC18f46j50单片机里SPI部分的一点程序
- 通过微信公众号远程控制设备STM32+NB模组方案
- 深度学习方法在负荷预测中的应用综述(论文阅读)
热门文章
- java编码字数统计
- win10图标变白纸_#波导的效率私房# WIN10自带这么多好工具
- java编写一个类book代表教材_java 请通过代码封装,实现如下需求: 编写一个类Book,代表教材:...
- Linux系统调用列表
- dubbo源码之拦截调用
- GUCCI、LV等奢侈品巨头如何布局元宇宙的,其他品牌应该跟上吗?
- idea 导入halo报错
- DES加解密算法原理详解与实现
- (三)Kotlin加密/解密之AES和DES
- 移动硬盘 双linux系统安装教程,一种单移动硬盘安装多个操作系统的方法与流程...