会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
大话人生
博客园
::
首页
::
新随笔
::
联系
::
订阅
::
管理
公告
7-JavaScript 语法
7-JavaScript 语法
JavaScript 语法
JavaScript 语法
JavaScript 字面量
JavaScript 变量
JavaScript 是一个脚本语言
它是一个轻量级,但功能强大的编程语言。
字面量是一个值。
类型
数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。
字符串(String)字面量 可以使用单引号或双引号 :
表达式字面量 用于计算
数组(Array)字面量 定义一个数组
对象(Object)字面量 定义一个对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 123e5;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
</body>
</html>
[40, 100, 1, 5, 25, 10]
函数(Function)字面量 定义一个函数
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
function myFunction(a, b) { return a * b;}
JavaScript 操作符
JavaScript 语句
JavaScript 关键词
JavaScript 标识符
JavaScript 数据类型
变量用于存储数据值
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
var length;
length = 6;
document.getElementById("demo").innerHTML = length;
</script>
</body>
</html>
变量是一个名称
JavaScript使用 算术运算符 来计算值
JavaScript使用赋值运算符给变量赋值
运算符
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
var x, y, z;
x = 5
y = 6;
z = (x + y) * 10;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
赋值,算术和位运算符
条件,比较及逻辑运算符
= + - * /
== != < >
在 HTML 中,JavaScript 语句向浏览器发出的命令。
浏览器通过 JavaScript 语句明白要执行什么操作。
语句是用分号分隔:
x = 5 + 6;
y = x * 10;
数据类型的概念
JavaScript 语句通常以关键词为开头。
var 关键词告诉浏览器创建一个新的变量
var x = 5 + 6;
var y = x * 10;
JavaScript 注释
和其他任何编程语言一样,JavaScript 保留了一些标识符为自己所用。
JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在
以后 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 有多种数据类型:数字,字符串,数组,对象等等
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 通过对象字面量赋值
编程语言中,数据类型是一个非常重要的内容。
为了可以操作变量,了解数据类型的概念非常重要。
如果没有使用数据类型,以下实例将无法执行:
16 + "Volvo"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 16 + "Volvo";
</script>
</body>
</html>
输出: 16Volvo
JavaScript 函数
JavaScript 语句可以写在函数内,函数可以重复引用:
引用一个函数 = 调用函数(执行函数内的语句)。
function myFunction(a, b) {
return a * b; // 返回 a 乘于 b 的结果
}
JavaScript 对大小写敏感
JavaScript 字符集
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样,变量 myVariable 与 MyVariable 也是不同的。
JavaScript 使用 Unicode 字符集
Unicode 覆盖了所有的字符,包含标点等字符。
Created With
EdrawMind
posted on
2022-04-12 11:39
大话人生
阅读(
14
) 评论(
0
)
编辑
收藏
举报
刷新页面
返回顶部