JavaScript 是一个程序语言。

语法规则定义了语言结构。

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

 

㈠JavaScript 字面量

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

⑴数字（Number）字面量 

可以是整数或者是小数，或者是科学计数(e)。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>数字字面量</title>

</head>

<body>

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = 123e5;

</script>

</body>

</html>

结果为：12300000

 

⑵字符串（String）字面量 

可以使用单引号或双引号:

"Happy Day"

'Happy Day'

 

⑶表达式字面量 

用于计算：

6+6

5*8

 

⑷数组（Array）字面量 

定义一个数组：

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

 

⑸对象（Object）字面量 

定义一个对象：

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

 

⑹函数（Function）字面量 

定义一个函数：

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

 

㈡JavaScript 变量

⑴在编程语言中，变量用于存储数据值。JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值：

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

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>字符长度</title>

</head>

<body>

<p id="demo"></p>

<script>

var length;

length = 6;

document.getElementById("demo").innerHTML = length;

</script>

</body>

</html>

显示结果为：6

⑶变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。

⑷变量是一个名称，字面量是一个值。

 

㈢JavaScript 操作符

⑴JavaScript使用 算术运算符 来计算值:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>算数运算符</title>

</head>

<body>

<p id="demo"></p>

<script>

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

</script>

</body>

</html>

结果显示为170

⑵JavaScript使用赋值运算符给变量赋值：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>为变量赋值</title>

</head>

<body>

<p id="demo"></p>

<script>

var x, y, z;

x = 3;

y = 6;

z = (x + y) * 18;

document.getElementById("demo").innerHTML = z;

</script>

</body>

</html>

显示结果为：162

⑶JavaScript语言有多种类型的运算符：

 

㈣JavaScript 语句

在 HTML 中，JavaScript 语句向浏览器发出的命令。

语句是用分号分隔：

x = 9 + 6;

y = x * 7;

㈤JavaScript 关键字

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

和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。

var 关键字告诉浏览器创建一个新的变量：

var x = 5 + 6;

var y = x * 10;

★以下是 JavaScript 中最​​重要的保留字（按字母顺序）：

 

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

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

function myFunction(a, b) {

    return a * b;                                // 返回 a 乘以 b 的结果

}

㈨JavaScript 字母大小写

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

㈩JavaScript 字符集

JavaScript 使用 Unicode 字符集。

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

JavaScript 语法——字面量，变量，操作符，语句，关键字，注释，函数，字符集的更多相关文章

  1. 2 JavaScript输出&字面量&变量&操作符&语句&标识符和关键字&字符集&语句&数据类型与类型转换

    JS输出: JavaScript没有任何打印或者输出的函数,但是可以用不同的方式输出数据 window.alert():弹出警告框 document.write():写入文档 innerHTML:写入 ...

  2. JavaScript语法详解：if语句&for循环&函数

    本文首发于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. if语句 最基本的if语句 if语句的结构体:(格式) if (条件表达式) ...

  3. (52)Wangdao.com第七天_字面量/变量_标识符_数据类型_数据的存储

    JavaScript 字面量 和 变量 字面量:就是那些不可变的值,如1,2,100,2000,Infinity,NaN 变量: 变量,代表的当前随机分配的内存地址. 变量的值,是可变的,可以用来保存 ...

  4. javaScript高级教程(九) ------javascript对象字面量--------困扰已久的问题

    在编程语言中,字面量是一种表示值的记法.例如,"Hello, World!" 在许多语言中都表示一个字符串字面量(string literal ),JavaScript也不例外. ...

  5. JavaScript 对象字面量

    JavaScript 对象字面量   JavaScript 对象字面量 在编程语言中,字面量是一种表示值的记法.例如,"Hello, World!" 在许多语言中都表示一个字符串字 ...

  6. JSON字符串和Javascript对象字面量

    JSON字符串和Javascript对象字面量 JSON是基于Javascript语法的一个子集而创建的,特别是对象和数组字面量语法. 正是由于JSON的这种特殊来历,导致很多Javascript程序 ...

  7. JavaScript对象字面量

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  8. js之字面量、对象字面量的访问、关键字in的用法

    一:字面量含义 字面量表示如何表达这个值,一般除去表达式,给变量赋值时,等号右边都可以认为是字面量. 字面量分为字符串字面量(string literal ).数组字面量(array literal) ...

  9. 前端-JavaScript1-3——JavaScript之字面量

    字面量?????? 字面量:英语叫做literals,有些书上叫做直接量.看见什么,它就是什么. 我们先来学习数字的字面量,和字符串的字面量.剩余的字面量类型,我们日后遇见再介绍. 3.1 数字的字面 ...

随机推荐

  1. Laravel NPM包的使用

    示例:安装sweetalert插件 1.yarn add sweetalert 2.resources/js/bootstrap.js中引入: require('sweetalert'); $(doc ...

  2. Java代码执行顺序及多态体现

    /** * Description: * 基类的引用变量可以只想基类的实例对象也可指向其子类的事来对象 * 接口的引用变量也可以指向实现类的实例对象 * 程序调用的方法在运行期才动态绑定 * 绑定指将 ...

  3. vc_redist x64 或者x86下载地址

    https://support.microsoft.com/en-us/help/2977003/the-latest-supported-visual-c-downloads 微软的东西,果然还是人 ...

  4. Hive 教程(一)-安装与配置解析

    安装就安装 ,不扯其他的 hive 依赖 在 hive 安装前必须具备如下条件 1. 一个可连接的关系型数据库,如 Mysql,postgresql 等,用于存储元数据 2. hadoop,并启动 h ...

  5. C++ 标准库字符串类使用

    标准库中的字符串类 C++语言直接支持C语言所有概念. C++中没有原生的字符串类型. 由于C++中没有原生的字符串类型,C++标准库提供了string类型. 1.string 直接支持字符串链接 2 ...

  6. 面试之什么是java虚拟机

    java虚拟机体系结构 方法区 堆 java虚拟机栈 本地方法栈 方法区 java虚拟机编译的class文件中二进制数据类型解析数据存在方法区中 是所有线程共享 和存在数据的线程安全问题 当二个线程使 ...

  7. Design Support库中的控件

    1.NavigationView滑动菜单 2.FloatIngActionButton悬浮按钮 3.Snackbar二次交互提示的按钮 4.Coordinatorlayout,监听子控件的各种事件(加 ...

  8. luogu P5504 [JSOI2011]柠檬

    bgm(雾) luogu 首先是那个区间的价值比较奇怪,如果推导后可以发现只有左右端点元素都是同一种\(s_x\)的区间才有可能贡献答案,并且价值为\(s_x(cnt(x)_r-cnt(x)_{l-1 ...

  9. CSS media queries 媒体查询

    最近在做一些页面打印时的特殊处理接触到了media queries,想系统学习一下,在MOZILLA DEVELOPER NETWORK看到一篇文章讲的很不错,结合自己的使用总结一下. CSS2/me ...

  10. 关于Linux防火墙的问题以及关闭,试一下这四条命令

    关闭防火墙,依次执行以下四条命令 临时服务 service firewalld stop 永久关闭 chkconfig iptables off 列出所有规则 iptables -L 清除所有规则,可 ...