JavaScript(四)——JavaScript 语法

目录

[JavaScript 语法](#JavaScript 语法)

[JavaScript 字面量](#JavaScript 字面量)

[JavaScript 变量](#JavaScript 变量)

[JavaScript 操作符](#JavaScript 操作符)

[JavaScript 语句](#JavaScript 语句)

[JavaScript 关键字](#JavaScript 关键字)

[JavaScript 注释](#JavaScript 注释)

[JavaScript 数据类型](#JavaScript 数据类型)

[JavaScript 函数](#JavaScript 函数)

[JavaScript 字母大小写](#JavaScript 字母大小写)

[JavaScript 字符集](#JavaScript 字符集)

驼峰命名法

小驼峰命名法

大驼峰命名法(帕斯卡命名法)


JavaScript 语法

语法规则定义语言结构。

JavaScript 是一个脚本语言。

它是一个轻量级,但功能强大的编程语言。

JavaScript 字面量

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

数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)

javascript 复制代码
document.getElementById("demo").innerHTML = 123e5;
document.getElementById("demo2").innerHTML = 3.14;
document.getElementById("demo3").innerHTML = 1001;
javascript 复制代码
<body>
    <p id="demo">
        111
    </p>
    <script>
        document.getElementById("demo").innerHTML = 123e5;
    </script>
</body>
javascript 复制代码
document.getElementById("demo").innerHTML = 123e5;
document.getElementById("demo").innerHTML = 3.14;
document.getElementById("demo").innerHTML = 1001;

如果这些内容都是相对于一个demo的话,那么最后显示的是1001,下面的会覆盖上面的

如果想让这三个值都显示的话,应该是

javascript 复制代码
document.getElementById("demo").innerHTML = 123e5 + ", " + 1001 + ", " + 3.14;

字符串(String)字面量 可以使用单引号或双引号

javascript 复制代码
document.getElementById("demo").innerHTML="vera";
document.getElementById("demo").innerHTML='vera';

表达式字面量 用于计算

javascript 复制代码
document.getElementById("demo").innerHTML = 5+5 ;
document.getElementById("demo").innerHTML = 5*10;

数组(Array)字面量 定义一个数组

javascript 复制代码
document.getElementById("demo").innerHTML = [40, 100, 1, 5, 25, 10];

或者

javascript 复制代码
x = docement.getElementById("demo");
x.innerHTML = [40, 100, 1, 5, 25, 10];

JavaScript 变量

在编程语言中,变量用于存储数据值

JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值

css 复制代码
<script>
var x, length = 5;
length = 6;
</script>

变量可以通过变量名访问

javascript 复制代码
<body>
    <p id="demo">
        111
    </p>
    <script>
        var x,length;
        x=5;
        length=6;
        x = document.getElementById("demo");
        x.innerHTML = length;
    </script>
</body>

运行结果:

在指令式语言中,变量通常是可变的。字面量是一个恒定的值。变量是一个名称 。字面量是一个

JavaScript 操作符

JavaScript使用 算术运算符 来计算值 = + - * /

JavaScript使用赋值运算符给变量赋值 == != < >

JavaScript 语句

在 HTML 中,JavaScript 语句用于向浏览器发出命令。

语句是用分号(;)分隔

JavaScript 关键字

JavaScript 关键字用于标识要执行的操作

以下是 JavaScript 中最​​重要的保留关键字(按字母顺序):

|----------|------------|------------|--------------|
| abstract | else | instanceof | super |
| boolean | enum | int | switch |
| break | export | interface | synchronized |
| byte | extends | let | this |
| case | false | long | throw |
| catch | final | native | throws |
| char | finally | new | transient |
| class | float | null | true |
| const | for | package | try |
| continue | function | private | typeof |
| debugger | goto | protected | var |
| default | if | public | void |
| delete | implements | return | volatile |
| do | import | short | while |
| double | in | static | with |

JavaScript 注释

注释的前面会有 //

双斜杠 // 后的内容将会被浏览器忽略

JavaScript 数据类型

JavaScript 有多种数据类型:数字,字符串,数组,对象等等

javascript 复制代码
var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

JavaScript 函数

JavaScript 语句可以写在函数内,函数可以重复引用:

引用一个函数 = 调用函数(执行函数内的语句)

javascript 复制代码
function myFunction(a, b) {
   	return a * b;         
                     
// 返回 a 乘以 b 的结果
}

JavaScript 字母大小写

JavaScript 对大小写是敏感的

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符,包含标点等字符。

|------------------------|
| JavaScript 中,常见的是驼峰命名法 |

驼峰命名法

主要分为小驼峰命名法和大驼峰命名法(也称为帕斯卡命名法)两种。

小驼峰命名法

  • 用途:主要用于方法名、变量名等。
  • 规则
    • 当标识符是一个单词时,首字母小写。例如:name
    • 当标识符由多个单词组成时,第一个单词首字母小写,从第二个单词开始,每个单词的首字母大写。例如:myStudentCountmyFirstName

大驼峰命名法(帕斯卡命名法)

  • 用途:主要用于类名、属性名、命名空间等。
  • 规则
    • 当标识符只有一个单词时,首字母大写。例如:Name
    • 当标识符由多个单词组成时,所有单词的首字母均大写。例如:DataBaseUser
相关推荐
王俊山IT11 分钟前
C++学习笔记----10、模块、头文件及各种主题(一)---- 模块(5)
开发语言·c++·笔记·学习
为将者,自当识天晓地。13 分钟前
c++多线程
java·开发语言
小政爱学习!15 分钟前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。20 分钟前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼27 分钟前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui
k093330 分钟前
sourceTree回滚版本到某次提交
开发语言·前端·javascript
神奇夜光杯38 分钟前
Python酷库之旅-第三方库Pandas(202)
开发语言·人工智能·python·excel·pandas·标准库及第三方库·学习与成长
Themberfue40 分钟前
Java多线程详解⑤(全程干货!!!)线程安全问题 || 锁 || synchronized
java·开发语言·线程·多线程·synchronized·
plmm烟酒僧42 分钟前
Windows下QT调用MinGW编译的OpenCV
开发语言·windows·qt·opencv
测试界的酸菜鱼1 小时前
Python 大数据展示屏实例
大数据·开发语言·python