跳转总目录

文章目录

  • 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快速入门(脚本开发方向)相关推荐

  1. java安卓开发 快速入门_安卓程序员如何快速入门后端开发常识

    首先,对于安卓开发人员来说,学习一下后端开发知识是有必要的,一方面可以拓展自身的知识面,另一方面也可以推动自己走向全栈程序员发展路线,在云计算时代,全栈程序员的发展空间会更大一些. 相对来说,安卓程序 ...

  2. 《JavaScript快速全栈开发》作者Azat Mardanov:现在是拥抱Node技术栈的最佳时机

    非商业转载请注明作译者.出处,并保留本文的原始链接:http://www.ituring.com.cn/article/195742 Azat Mardanov是一位有着12年开发经验的资深软件工程师 ...

  3. JavaScript快速入门(四)——JavaScript函数

    函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)--JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...

  4. python选择某一行_Python常用语法有哪些 如何快速入门Python开发

    Python常用语法有哪些?如何快速入门Python开发?Python编程语言是最容易学习.并且功能强大的语言,吸引了很多人学习入行.很多人想知道如何快速入门Python开发,接下来就给大家分享Pyt ...

  5. JavaScript快速入门(1)

    JavaScript快速入门 详情百度百科 1. 什么是javaScript 2.快速入门 2.1.js引入方法 2.2. javaScript 的基本语法入门 2.3.数据类型 2.4.严格检查模式 ...

  6. 深入理解 Redis Template及4种序列化方式__spring boot整合redis实现RedisTemplate三分钟快速入门

    概述 使用Spring 提供的 Spring Data Redis 操作redis 必然要使用Spring提供的模板类 RedisTemplate, 今天我们好好的看看这个模板类 . RedisTem ...

  7. 视频教程-快速入门Android开发 视频 教程 android studio-Android

    快速入门Android开发 视频 教程 android studio 任苹蜻,爱学啊创始人 & CEO,曾就职于某二车手公司担任Android工程师后离职创办爱学啊,我们的宗旨是:人生苦短,我 ...

  8. 前端三大技术 HTML、CSS、JavaScript 快速入门手册

    听到前端技术,不少朋友一定会感到有些陌生.但其实,前端,你每天都在接触. 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端. 而前端最重要的三大技术,HTML,CSS,JavaSc ...

  9. 3.JavaScript快速入门

    1.什么是JavaScript 1.概述 是一门世界上最流行的脚本语言 Java和 JavaScript 一个合格的后端人员 必须精通JavaScript 2.历史 ECMAScript是JavaSc ...

最新文章

  1. 【MIT港科大】最新《贝叶斯深度学习》2020综述论文,35页pdf全面阐述最新进展...
  2. 2020 年的第 1 个重磅彩蛋!
  3. Electron项目怎样打包成桌面exe应用
  4. 怪物行为树案例_Behavior Designer行为树(简单实现巡逻)
  5. java自动获取时间 月代码_【java代码获取系统时间和执行定时任务】
  6. linux有读EC RAM的工具吗,Step to UEFI (179)Shell下 EC Ram 读取工具
  7. webpack配置路径问题
  8. iBatis的基本配置+CRUD操作
  9. windows上通过vnc连接虚拟机中linux系统
  10. Set A Light 3D Studio 2.0 for Mac(3D摄影棚布光软件)
  11. jquery 获取指定元素
  12. 局域网管理工具_分享一款苹果手机文件管理工具
  13. Java —— 学生成绩分析程序Demo(附源代码)
  14. python 面积计算器
  15. 简繁体互换工具:opencc
  16. 福利福利!!!!!!!!往这看!!!!!
  17. 开放云将使业务焕然一新
  18. PIC18f46j50单片机里SPI部分的一点程序
  19. 通过微信公众号远程控制设备STM32+NB模组方案
  20. 深度学习方法在负荷预测中的应用综述(论文阅读)

热门文章

  1. java编码字数统计
  2. win10图标变白纸_#波导的效率私房# WIN10自带这么多好工具
  3. java编写一个类book代表教材_java 请通过代码封装,实现如下需求: 编写一个类Book,代表教材:...
  4. Linux系统调用列表
  5. dubbo源码之拦截调用
  6. GUCCI、LV等奢侈品巨头如何布局元宇宙的,其他品牌应该跟上吗?
  7. idea 导入halo报错
  8. DES加解密算法原理详解与实现
  9. (三)Kotlin加密/解密之AES和DES
  10. 移动硬盘 双linux系统安装教程,一种单移动硬盘安装多个操作系统的方法与流程...