>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 20949 个阅读者 刷新本主题
 * 贴子主题:  JavaScript 语法大全 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2020-01-30 17:48:13     消息  查看  搜索  好友  邮件  复制  引用

  

JavaScript  语法

JavaScript 是一个程序语言。语法规则定义了语言结构。

JavaScript 语法

JavaScript 是一个脚本语言。

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

JavaScript 字面量

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

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

3.14

1001

123e5


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

"John Doe"

'John Doe'


表达式字面量 用于计算:

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;}

JavaScript 变量

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

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

var x, length

x = 5

length = 6


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

点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 变量是一个 名称。字面量是一个

JavaScript 操作符

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

  (5 + 6) * 10

JavaScript使用 赋值运算符给变量赋值:

x = 5

y = 6

z = (x + y) * 10

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


类型 实例 描述
赋值,算术和位运算符 =? +? -? *? / 在 JS 运算符中描述
条件,比较及逻辑运算符 ==? != <? >? 在 JS 比较运算符中描述

JavaScript 语句

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

语句是用分号分隔:

x = 5 + 6;

y = x * 10;

JavaScript 关键字

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

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

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

var x = 5 + 6;
var y = x * 10;

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 语句都是"命令"。双斜杠

// 后的内容将会被浏览器忽略:

  // 我不会执行

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"

16 加上 "Volvo"  是如何计算呢? 以上会产生一个错误还是输出以下结果呢?

  "16Volvo"

你可以在浏览器尝试执行以上代码查看效果。

在接下来的章节中你将学到更多关于数据类型的知识。

JavaScript 函数

JavaScript 语句可以写在函数内,函数可以重复引用:

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

function myFunction(a, b) {

    return a * b;

    // 返回 a 乘以 b 的结果

  }

JavaScript 字母大小写

JavaScript 对大小写是敏感的。

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

函数 getElementById getElementbyID 是不同的。

同样,变量 myVariable MyVariable 也是不同的。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

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

您知道吗?

点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小
JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。





程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-01-31 18:50:40 重新编辑]
  Java面向对象编程-->流程控制
  JavaWeb开发-->JavaWeb应用入门(Ⅰ)
  JSP与Hibernate开发-->立即检索和延迟检索策略
  Java网络编程-->通过JavaMail API收发邮件
  精通Spring-->绑定表单
  Vue3开发-->绑定CSS样式
  键盘按键与 键码对照表
  最新的Vue面试题大全含源码级回答,吊打面试官系列
  vue3-Composition-API的用法
  vue3 composition API的用法
  vue中axios异步调用接口的坑
  Vue的使用方法
  前端图片压缩库images-quickly-compress
  JavaScript中数组的常用方法(含ES6)
  HTML DOM Script 对象
  JavaScript的HTML DOM MenuItem 对象
  JavaScript的Window 对象
  CSS 网页布局
  HTML5 内联 SVG
  JavaScript的比较和逻辑运算符
  JavaScript中的for 循环
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。