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("你好 \
世界!");


目录
相关文章
|
3月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
128 1
|
27天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
1月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
18 0
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
4月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
137 4
|
5月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
35 5
|
4月前
|
存储 JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
60 3
|
4月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
571 0