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