首页 > 编程语言 >JavaScript(四)——JavaScript 语法

JavaScript(四)——JavaScript 语法

时间:2024-07-31 21:29:17浏览次数:12  
标签:字面 demo JavaScript innerHTML 语法 getElementById document

目录

JavaScript 语法

JavaScript 字面量

JavaScript 变量

JavaScript 操作符

JavaScript 语句

JavaScript 关键字

JavaScript 注释

JavaScript 数据类型

JavaScript 函数

JavaScript 字母大小写

JavaScript 字符集

驼峰命名法

小驼峰命名法

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


JavaScript 语法

语法规则定义语言结构。

JavaScript 是一个脚本语言。

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

JavaScript 字面量

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

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

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

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

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

document.getElementById("demo").innerHTML = 123e5 + ", " + 1001 + ", " + 3.14;

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

document.getElementById("demo").innerHTML="vera";
document.getElementById("demo").innerHTML='vera';

表达式字面量 用于计算

document.getElementById("demo").innerHTML = 5+5 ;
document.getElementById("demo").innerHTML = 5*10;

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

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

或者

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

JavaScript 变量

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

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

<script>
var x, length = 5;
length = 6;
</script>

变量可以通过变量名访问

<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 中最​​重要的保留关键字(按字母顺序):

abstractelseinstanceofsuper
booleanenumintswitch
breakexportinterfacesynchronized
byteextendsletthis
casefalselongthrow
catchfinalnativethrows
charfinallynewtransient
classfloatnulltrue
constforpackagetry
continuefunctionprivatetypeof
debuggergotoprotectedvar
defaultifpublicvoid
deleteimplementsreturnvolatile
doimportshortwhile
doubleinstaticwith

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 语句可以写在函数内,函数可以重复引用:

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

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

JavaScript 字母大小写

JavaScript 对大小写是敏感的

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

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

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

驼峰命名法

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

小驼峰命名法

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

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

  • 用途:主要用于类名、属性名、命名空间等。
  • 规则
    • 当标识符只有一个单词时,首字母大写。例如:Name
    • 当标识符由多个单词组成时,所有单词的首字母均大写。例如:DataBaseUser

标签:字面,demo,JavaScript,innerHTML,语法,getElementById,document
From: https://blog.csdn.net/m0_62701594/article/details/140831788

相关文章

  • javascript(三)
    五、事件发生在HTML元素上的事情,当在HTML页面中使用JavaScript时,JavaScript可以触发这些事件1.常用事件事件描述onchangeHTML元素改变onclick点击onmouseover鼠标移入onmouseout鼠标移出onkeydown按下键盘onload浏览器已完成页面的加载......
  • JavaScript 中的浅拷贝和深拷贝
    目录浅拷贝定义特点示例使用场景实现方法深拷贝定义特点示例使用场景实现方法浅拷贝定义浅拷贝是指仅复制对象的第一层属性。如果对象的属性是基本类型(如字符串、数字、布尔值),则会复制这些值;如果属性是引用类型(如对象、数组),则只会复制指向这些对象的引用,而不......
  • JavaScript
    JS简介JS特点Javascript是一种由Netscape(网景)的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,遗留的速度问题,为客户提供更流畅的浏览效果。JS是一种运行于浏览器端上的小脚本语句,可以实现网页如文本......
  • Python 3.6 中的相互递归类型,使用命名元组语法
    我正在尝试实现图的节点和边。这是我的代码:fromtypingimportNamedTuple,ListclassNode(NamedTuple):name:stredges:List[Edge]classEdge(NamedTuple):src:Nodedest:Node这会引发错误,因为创建Edge时未定义Node类型。......
  • JavaScript 对象
    1.JavaScript对象把一个单一值(porsche)赋给名为car的变量varcar="porsche";对象也是变量。但是对象包含很多值。这段代码把多个值(porsche,911,white)赋给名为car的变量varcar={type:"porsche",model:"911",color:"white"};值以名称:值对的方式来书写(名称和......
  • 【第二节】python编程基础语法
    目录一、运算符介绍1.1算术运算符1.2比较运算符1.3赋值运算符1.4位运算符1.5逻辑运算符1.6成员运算符1.7身份运算符二、python运算符优先级三、三大流程结构四、列表五、元组六、字典一、运算符介绍1.1算术运算符1.2比较运算符1.3赋值运算符......
  • JavaScript 数据结构与基础算法
    数据结构全解参考:数据结构|博客园-SRIGT相关代码仓库查看:data-struct-js|Github-SR1GT0x00前置知识(1)类使用关键字class声明一个类classPerson{}JavaScript的类中通过constructor使用构建函数classPerson{constructor(name){this.name......
  • Python TypedDict:继承另一个TypedDict时的函数语法
    给定这种类型:classTPerson(TypedDict):name:straddress:str我想要另一个TypedDict继承前一个,例如:classTDealer(TPerson):db-id:intpolice_record:strarrested_now:boolclassTConsumer(TPerson):db-id:intpreferred_product:......
  • JavaScript の 闭包
    闭包概念:一个函数对周围状态的引用捆绑在一起,内层函数中访问到其外层函数的作用域(什么鸟语)简单理解就是:闭包=内层函数+外层函数的变量如functionouter(){leta=0functioninner(){a++console.log(a)}returninner}//这......
  • 了解Web标准,HTML 语法规范,使用 HBuilder X 构建文档骨架,HBuilder X 生成骨架标签新增
    Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。遵循Web标准可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:1.让Web的发展前景更广阔。2.内容能被更广泛的设备访问。3.更容易被搜寻引擎搜索。......