JavaScript快速入门
时间:2023-01-13
本文章向大家介绍JavaScript快速入门,主要内容包括语句、注释、变量、条件、循环、函数、使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
语句
只需简单地把各条语句放在不同的行上就可以分隔它们
var a = 1 var b = 2
如果想把多条语句放在同一行上,就需要用分号隔开
var a = 1; var b = 2
注释
用两个斜线作为一行的开始,这一行就会被当成一条注释
//记得写注释
多行注释
/* 自我提醒: 要记得写注释 */
HTML注释仅适用于单行注释
<!-- 要记得多些注释-->
变量
变量赋值
//JavaScript没有强制要求程序员必须提前声明变量,但提前声明变量是一种良好的编程习惯 var name; var age; //可以一次声明多个变量 var sex, hometown //甚至可以变量和赋值同时完成 var a = 1,b=2;
数组
数组可以用关键字Array声明。声明数组的同时还可以指定数组初始元素个数
//变量名beatles是一个长度为4的数组 var beatles = Array(4); //如果我们无法知道数据具体长度,我们完全可以在声明时候不给出元素个数 // var beatles = Array(); //根据下标添加元素 //array[index] = element; beatles[0] = "John";
//在声明数组的同时对它进行填充。这种方式要求用逗号把各个元素隔开 var beatles = ["john","paul","george","ringo"]
对象
var lennon = Object(); lennon.name = "John"; lennon.year = 1940; lennon.living = false;
创建对象还有一种更简洁的语法,即花括号语法
var lennon = {name:"John",year:1940,living:false}
var lennon = {name:"john",year:1940,living:false} //现在我们把beatle也声明为对象 var beatles = {} beatles.vocalist = lennon alert(beatles.vocalist.name)
条件
if语句的基本语法
if (condition) { statements }
注:
相等操作符==认为空字符串与false的含义相同。要进行严格比较,就要使用另一种等号(===)
对于不等操作符!=也是如此。如果想比较严格不相等,就要使用!==。
逻辑操作符号/*逻辑操作符的操作对象是布尔值。每个逻辑操作数返回一个布尔值true或者是false。 “逻辑与”操作只有在它的两个操作数都是true时才会是true。*/ if (num >=5 && num <=10) { alert("num在5-10之间") } /*“逻辑或”操作符由两个垂直线字符构成(||)。 只要它的操作数中有一个是true,“逻辑或”操作就将是true。 如果它的两个操作数都是true,“逻辑或”操作也将是true。 只有当它的两个操作数都是false时,“逻辑或”操作才会是false。*/ if (num <=5 || num >=10) { alert("num小于5或大于10") }
循环
while循环
while (condition) { statements; }
do......while
/*在某些场合,我们希望那些包含在循环语句内部的代码至少执行一次。 这时,do循环是我们的最佳选择: statements语句将至少执行一次,无论condition是否为true*/ do{ statements; }while (condition);
for
/* for (initial condition;test condition ; alter condition){ statements; } */ for (var count = 1; count < 5; count++ ){ alert(count); }
函数
如果需要多次使用同一段代码,可以把它们封装成一个函数。
函数(function)就是一组允许在你的代码里随时调用的语句。每个函数实际上是一个短小的脚本
function name(arguments) { statements; }
function multiply(num1,num2) { var total = num1 * num2; alert(total); } multiply(2,3)
原文地址:https://www.cnblogs.com/yetangjian/p/16607495.html
- Java多线程高并发学习笔记(二)——深入理解ReentrantLock与Condition
- 算法模板——线段树1(区间加法+区间求和)
- 【LeetCode 205】关关的刷题日记38 Isomorphic Strings
- JavaScript基础2---控制权DOM操作
- 算法模板——线段树3(区间覆盖值+区间求和)
- 算法模板——线段树4(区间加+区间乘+区间覆盖值+区间求和)
- 【LeetCode 204】关关的刷题日记39 Count Primes
- 算法模板——并查集 1
- Java 持久化操作之 --io流与序列化
- 算法模板——LCA(最近公共祖先)
- 算法模板——AC自动机
- UOJ #117. 欧拉回路
- 算法模板——左偏树(可并堆)
- 算法模板——二分图匹配
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 一个有趣的例子带你入门canvas
- GitLab 12 跨版本 13 升级
- 【Rust日报】2020-07-28 SO:在命令行下浏览StackOverflow
- 【翻译】200行代码讲透RUST FUTURES (6)
- MPU6050姿态解算方式1-DMP
- 打卡群刷题总结0729——分隔链表
- 单细胞tSNE细胞降维图还可以这样做?!
- 从IIC实测波形入手,搞懂IIC通信
- FreeRTOS例程4-串口DMA收发不定长数据
- FreeRTOS例程3-串口中断接收不定长的数据与二值信号量的使用
- 前端如何将json数据导出为excel文件
- 使用Postman访问腾讯云API3.0
- C语言将float拆分为4个hex传输与重组
- C语言字符串相关函数使用示例 strtok_r strstr strtok atoi
- FreeRTOS例程1-基础任务创建