1.JavaScript 教程:基础语法

时间：2024-01-19 21:07:20

简介：

JavaScript web 开发人员必须学习的 3 门语言中的一门：

  1. HTML 定义了网页的内容
  2. CSS 描述了网页的布局
  3. JavaScript 网页的行为

用法：

（1）HTML 中的脚本必须位于 <script> 与 </script> 标签之间，脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

（2）可以把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数，脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。

通常把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

JavaScript 语法

1.字面量

在编程语言中，一般固定值称为字面量，如 3.14。

（1）数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。

 <script>document.getElementById("demo").innerHTML = 123e5; </script>

运行结果：12300000

（2）字符串（String）字面量 可以使用单引号或双引号:

 <script>document.getElementById("demo").innerHTML = 'John Doe';</script>

运行结果：John Doe

（3）表达式字面量 用于计算：

 <script>document.getElementById("demo").innerHTML = 5 * 10;</script>

运行结果：50

（4）数组（Array）字面量 定义一个数组：

 <script>document.getElementById("demo").innerHTML = [40, 100, 1, 5, 25, 10] ;</script>

运行结果：40,100,1,5,25,10

（5）对象（Object）字面量 定义一个对象：{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

（6）函数（Function）字面量 定义一个函数：function myFunction(a, b) { return a * b;}

2.变量

在编程语言中，变量用于存储数据值。变量是一个名称，可变。字面量是一个值，不可变。

(1)关键字 var 来定义变量， 使用等号来为变量赋值：

 <script>

 var length;

 length = 6;

 document.getElementById("demo").innerHTML = length;

 </script>

运行结果：6

注意：

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
  • 变量名称对大小写敏感（y 和 Y 是不同的变量）
  • 一条语句，多个变量：var lastname="Doe", age=30, job="carpenter";
  • 如果重新声明 JavaScript 变量，该变量的值不会丢失；

(2)JS中的let变量:

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量，避免变量名冲突。

作用域规则

let 声明的变量只在其声明的块或子块中可用，这一点，与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。

 unction varTest() {

   var x = 1;

   if (true) {

     var x = 2;  // 同样的变量!    console.log(x); 

 // 2  }

   console.log(x);  // 2}

 function letTest() {

   let x = 1;

   if (true) {

     let x = 2;  // 不同的变量    console.log(x);  // 2  }

   console.log(x);  // 1}

3.操作符

JavaScript使用 算术运算符 来计算值

类型 实例 描述
赋值，算术和位运算符 =  +  -  *  / 在 JS 运算符中描述
条件，比较及逻辑运算符 ==  != <  > 

在 JS 比较运算符中描述

注意：JavaScript 对大小写是敏感的；

　　　使用//单行注释，多行注释以 /* 开始，以 */ 结尾；

　　　分号用于分隔 JavaScript 语句；

　　　浏览器按照编写顺序依次执行每条语句；

　　　JavaScript 可以用{}分批地组合起来，代码块的作用是一并地执行语句序列；

　　　可以向脚本添加空格，来提高其可读性；

　　　在文本字符串中使用反斜杠对代码行进行换行；

相关文章