JavaScript——语法、语句

简介: JavaScript——语法、语句

文章目录


1.JavaScript 字面量

2.JavaScript 关键字

3.JavaScript 数据类型

4.typeof() / isNaN / isArray

5.JavaScript 代码

6.JavaScript代码块

7.JavaScript 语句标识符

8.字符串的折行


1.JavaScript 字面量


固定值,即常量。除了数字(123e5就是123乘以10的5次方),字符串外还有


表达式字面量 用于计算:5 + 6 5 * 10


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


[40, 100, 1, 5, 25, 10]


对象(Object)字面量 定义一个对象:


{firstName:“John”, lastName:“Doe”, age:50, eyeColor:“blue”}


函数(Function)字面量 定义一个函数:


function myFunction(a, b) { return a * b;}


2.JavaScript 关键字


JavaScript 关键字必须以字母、下划线(_)或美元符($)开始。


后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开关键字和数字)。


也有它的保留字遇到再说


3.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 通过对象字面量赋值


4.typeof() / isNaN / isArray


在定义后可以通过 typeOf() 来获取JavaScript中变量的数据类型


有个情况需要特别注意: typeof 不能用来判断是 Array 还是Object


(X.isNaN) is not number 判断是不是数字,若返回true则不是数字


数组可以使用isArray方法判断

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
// 判断是否支持该方法
if (Array.isArray) {
    if(Array.isArray(cars)) {
        document.write("该对象是一个数组。") ;
    }
}


5.JavaScript 代码


JavaScript 代码是 JavaScript 语句的序列。


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


本例向网页输出一个标题和两个段落

document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";


其中innerHTML是前面的对象的一个属性,所以这里用.innerHTML ,然后赋值


6.JavaScript代码块


JavaScript 可以分批地组合起来。


代码块以左花括号开始,以右花括号结束。


代码块的作用是一并地执行语句序列。


本例向网页输出一个标题和两个段落:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Demo</title> 
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
function myFunction(){
  document.getElementById("myPar").innerHTML="你好世界!";
  document.getElementById("myDiv").innerHTML="你最近怎么样?";
}
</script>
<p>当您点击上面的按钮时,两个元素会改变。</p>
</body>
</html>


7.JavaScript 语句标识符


JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。


语句标识符是保留关键字不能作为变量名使用。


下表列出了 JavaScript 语句标识符 (关键字) :

image.png


8.字符串的折行


您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

document.write("你好 \
世界!");


目录
相关文章
|
4天前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
14 5
|
11天前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
25 3
|
2月前
|
JavaScript
细讲Node.js模块化,以及 CommonJS 标准语法导出和导入,详细简单易懂!
细讲Node.js模块化,以及 CommonJS 标准语法导出和导入,详细简单易懂!
|
2月前
|
JavaScript 前端开发
node.js中path模块-路径处理,语法讲解
node.js中path模块-路径处理,语法讲解
|
2月前
|
JavaScript 前端开发
node.js中的fs模块,读写语法讲解
node.js中的fs模块,读写语法讲解
|
2月前
|
XML JavaScript 前端开发
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
20 2
|
2月前
|
JavaScript 前端开发
Symbol在JavaScript中有哪些具体的用法和语法
Symbol在JavaScript中有哪些具体的用法和语法
|
2月前
|
JavaScript
JS 基本语法
JS 基本语法
26 1
|
2月前
|
JavaScript 前端开发 C语言
JavaScript编程语法练习
本篇文章是对于javaScript中if ,switch,while ,do-while,,for语法的作业练习.对于我来说也是对自己知识掌握的一种检验.是对js的基础语法进行的一次练习,通过有趣的示例进行练习,使得对于代码能够增加印象,对于知识的掌握更加透彻.
|
2月前
|
JavaScript 前端开发
JavaScript语法(2)
【5月更文挑战第2天】JavaScript语法(2)。
22 3